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)

view :

{ title : Maybe String

, alignment : Alignment

, customSpacing : Maybe Float

, focusAndSelect :

{ select : id

, focus : Maybe String

}

-> msg

, selected : id

, tabs : List (Tab id msg)

}

-> Html msg

type Alignment

= Left

| Center

| Right

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

type Tab id msg

type Attribute id msg

build :

{ 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]

disabled : Bool -> Attribute id msg

Makes it so that the tab can't be clicked or focused via keyboard navigation

labelledBy : String -> Attribute id msg

Sets an overriding labelledBy on the tab for an external tooltip. This assumes an external tooltip is set and disables any internal tooltip configured.

panelHtml : Html msg -> Attribute id msg

spaHref : String -> Attribute id msg

NoRedInk/noredink-ui/13.0.1

Nri.Ui.Tabs.V7

Modules