Back

Dropdown

Basic Usage

Usage

Import from the overlays package. Uses x-data="uiDropdown" for state management.

@overlays.Dropdown(overlays.DropdownProps{Align: "right"}) {
    @overlays.DropdownTrigger() {
        <button>Menu</button>
    }
    @overlays.DropdownMenu(overlays.DropdownProps{Align: "right"}) {
        @overlays.DropdownItem(overlays.DropdownItemProps{Href: "/profile"}) { Profile }
        @overlays.DropdownDivider()
        @overlays.DropdownItem(overlays.DropdownItemProps{}) { Logout }
    }
}