Nri.Ui.Tabs.V4

= 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 (LinkTabConfig msg)

, content : Html msg

, alignment : Alignment

}

Configure a set a tab links

type alias Tab id =

{ label : String

, id : id

}

= NormalLink

{ label : String

, href : Maybe String

}

| SpaLink

{ label : String

, href : String

, msg : msg

}

The types of links that we can show.

NormalLink - A link to another page.
SpaLink - A link to another SPA page. The msg type should be used to handle the navigation event.

links : LinkConfig msg -> Html msg

View a set of tab links

view : Config id msg -> Html msg

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

Defaults

viewTabDefault : Tab id -> Html msg