Safe Haskell	None
Language	Haskell2010

Miso.UI.Select

Contents

Synopsis

Props

Props for the native select_

Constructors

SelectProps
Fields selectId :: Maybe MisoString selectDisabled :: Bool selectClasses :: [MisoString] Extra classes appended to `select` (e.g. `w-[180px]`) selectAttrs :: [Attribute action]

Smart constructor for the native select

Props for the popover-based selectMenu_ (basecoat JS select)

Constructors

Fields

selectMenuId :: MisoString
Base id; trigger/popover/listbox ids are derived from it (required)
selectMenuLabel :: [View model action]
Content of the trigger button (current selection)
selectMenuValue :: MisoString
Currently selected value (kept in a hidden input)
selectMenuDisabled :: Bool
selectMenuScrollable :: Bool
Constrain the listbox height and scroll (max-h-64)
selectMenuTriggerClasses :: [MisoString]
Extra classes for the trigger button
selectMenuAttrs :: [Attribute action]

Smart constructor for the JS select

Views

select_ :: SelectProps action -> [View model action] -> View model action Source #

Native select. Children are native optgroup_ / option_ views.

selectMenu_ :: SelectMenuProps model action -> [View model action] -> View model action Source #

Select (popover listbox). Children are selectOption_ / selectGroup_ views.

selectOption_ :: Bool -> MisoString -> [View model action] -> View model action Source #

Option inside selectMenu_; the Bool marks the current selection

Arguments

Labelled group of options inside selectMenu_

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