Components

On This Page

Dropdown Component

A button to trigger an overlay box that can display custom content.

Basic Dropdown

Content inside Dropdown.

Expand/Collapse source code
Copied
Copy source sections
Copy source as is
SSR/CSR
Can be used both on the server and on the client side.
Imports
import live-web.dom
import live-web-view.overlay
import live-web-view.content
Styles
static any[] use = [Dropdown]
Content
Dropdown{
    Content{
        P`Content inside Dropdown.`
    }
}
  • Item 1
  • Item 2
  • Item 3
Expand/Collapse source code
Copied
Copy source sections
Copy source as is
SSR/CSR
Can be used both on the server and on the client side.
Imports
import live-web.dom
import live-web-view.overlay
import live-web-view.content
Styles
static any[] use = [Dropdown]
Content
Dropdown{
    DropdownToggleButton{
        T`Dropdown`
    }
    DropdownContent{
        UlV{ 
            Li`Item 1`
            Li`Item 2`
            Li`Item 3`
        }
    }
}