Safe Haskell	None
Language	Haskell2010

Miso.UI.Tabs

Contents

Synopsis

Props

Props for tabs_

Constructors

TabsProps
Fields tabsId :: MisoString id of the tabs root (basecoat JS keys off it; required) tabsClasses :: [MisoString] Extra classes appended to `div.tabs` tabsAttrs :: [Attribute action]

Smart constructor

Props for tabButton_

Constructors

TabButtonProps
Fields tabButtonId :: MisoString id of this tab button (matched by the panel's `aria-labelledby`) tabButtonControls :: MisoString id of the controlled panel tabButtonSelected :: Bool tabButtonDisabled :: Bool tabButtonAttrs :: [Attribute action]

Smart constructor: unselected tab

Props for tab_ (a tab panel)

Constructors

TabPanelProps
Fields tabPanelId :: MisoString id of the panel (matched by the button's `aria-controls`) tabPanelLabelledBy :: MisoString id of the button labelling this panel tabPanelSelected :: Bool tabPanelAttrs :: [Attribute action]

Smart constructor: hidden panel

Views

tabs_ :: TabsProps action -> [View model action] -> View model action Source #

Tabs, driven by TabsProps

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

tabButton_ :: TabButtonProps action -> [View model action] -> View model action Source #

tab_ :: TabPanelProps action -> [View model action] -> View model action Source #

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