NoRedInk/noredink-ui/12.16.1

NOTE: the latest version is 35.9.3

Nri.Ui.Tabs.V7

Changes from V6:

  • Changes Tab construction to follow attributes-based approach
  • Adds tooltip support
  • combine onFocus and onSelect into focusAndSelect msg handler (for tooltips)
{ title : Maybe String
, alignment : Alignment
, customSpacing : Maybe Float
, focusAndSelect :
{ select : id
, focus : Maybe String
}
-> msg
, selected : id
, tabs : List (Tab id msg)
}
-> Html msg
= Left
| Center
| Right

Determines whether tabs are centered or floating to the left or right.

type Tab id msg
type Attribute id msg
{ id : id
, idString : String
}
-> List (Attribute id msg)
-> Tab id msg
tabString : String -> Attribute id msg
tabHtml : Html Never -> Attribute id msg
withTooltip : List (Attribute msg) -> Attribute id msg

Tooltip defaults: [Tooltip.smallPadding, Tooltip.onBottom, Tooltip.fitToContent]

panelHtml : Html msg -> Attribute id msg
spaHref : String -> Attribute id msg