Nri.Ui.Tabs.V1

= Left

| Center

| Right

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

type alias Config id msg =

{ title : Maybe String

, onSelect : id -> msg

, tabs : Zipper (Tab id)

, content : id -> Html msg

, alignment : Alignment

}

type alias LinkConfig msg =

{ title : Maybe String

, tabs : Zipper TabLink

, content : Html msg

, alignment : Alignment

}

Configure a set a tab links

type alias Tab id =

{ label : String

, id : id

}

type alias TabLink =

{ label : String

, href : Maybe String

}

Describe a tab that is meant to link to another page

links : LinkConfig msg -> Html msg

View a set of tab links

styles : Styles Never CssClasses msg

view : Config id msg -> Html msg

viewCustom : Config id msg -> (Tab id -> Html msg) -> Html msg

Defaults

viewTabDefault : Tab id -> Html msg