Miso.UI.DropDownMenu

miso-ui

Safe Haskell	None
Language	Haskell2010

Miso.UI.DropDownMenu

Contents

Props
Views
Samples

Synopsis

data DropdownMenuProps model action = DropdownMenuProps {
- dropdownMenuId :: MisoString
- dropdownMenuTrigger :: [View model action]
- dropdownMenuTriggerClasses :: [MisoString]
- dropdownMenuAlign :: Align
- dropdownMenuPopoverClasses :: [MisoString]
- dropdownMenuAttrs :: [Attribute action]
}
defaultDropdownMenuProps :: DropdownMenuProps model action
dropdownMenu_ :: DropdownMenuProps model action -> [View model action] -> View model action
menuItem_ :: [Attribute action] -> [View model action] -> View model action
menuCheckboxItem_ :: Bool -> [Attribute action] -> [View model action] -> View model action
menuRadioItem_ :: Bool -> [Attribute action] -> [View model action] -> View model action
menuGroup_ :: MisoString -> MisoString -> [View model action] -> View model action
menuSeparator_ :: View model action
menuShortcut_ :: MisoString -> View model action
dropdownMenuUsage :: View model action
dropdownMenuSample :: View model action
dropdownMenuCodeSample :: View model action
dropdownMenuPropsApi :: View model action

Props

data DropdownMenuProps model action Source #

Props for dropdownMenu_

Constructors

DropdownMenuProps

Fields

dropdownMenuId :: MisoString
Base id; trigger/popover/menu ids are derived from it (required)
dropdownMenuTrigger :: [View model action]
Content of the trigger button (nests other views)
dropdownMenuTriggerClasses :: [MisoString]
Classes of the trigger button (defaults to btn-outline)
dropdownMenuAlign :: Align
Popover alignment (data-align)
dropdownMenuPopoverClasses :: [MisoString]
Extra classes for the popover (e.g. min-w-56)
dropdownMenuAttrs :: [Attribute action]

defaultDropdownMenuProps :: DropdownMenuProps model action Source #

Smart constructor: outline trigger button, no alignment override

Views

dropdownMenu_ :: DropdownMenuProps model action -> [View model action] -> View model action Source #

Dropdown Menu. Children are menuItem_ / menuGroup_ / menuSeparator_ views.

menuItem_ :: [Attribute action] -> [View model action] -> View model action Source #

menuCheckboxItem_ :: Bool -> [Attribute action] -> [View model action] -> View model action Source #

Checkable menu item; the Bool is the checked state

menuRadioItem_ :: Bool -> [Attribute action] -> [View model action] -> View model action Source #

Radio menu item; the Bool is the selected state

menuGroup_ Source #

Arguments

:: MisoString	heading id
-> MisoString	heading text
-> [View model action]
-> View model action

Labelled group of menu items

menuSeparator_ :: View model action Source #

menuShortcut_ :: MisoString -> View model action Source #

Right-aligned keyboard shortcut inside a menu item

Samples

dropdownMenuUsage :: View model action Source #

Compact usage example (source of the kitchen sink Code tab)

dropdownMenuSample :: View model action Source #

dropdownMenuCodeSample :: View model action Source #

dropdownMenuPropsApi :: View model action Source #