Tab TabList - sydsutton/FS.FluentUI GitHub Wiki

[<ReactComponent>]
let TabListTest() =
    Fui.tabList [
        tabList.defaultSelectedValue "tab2"
        tabList.vertical true
        tabList.appearance.transparent
        tabList.onTabSelect (fun (d: ValueProp<string>) -> printfn "value %A" d.value )
        tabList.size.large
        tabList.children [
            Fui.tab [
                tab.value "tab1"
                tab.children [
                    Fui.text "First tab"
                ]
            ]
            Fui.tab [
                tab.value "tab2"
                tab.children [
                    Fui.text "Second tab"
                ]
            ]
            Fui.tab [
                tab.value "tab3"
                tab.children [
                    Fui.text "Third tab"
                ]
            ]
            Fui.tab [
                tab.value "tab4"
                tab.children [
                    Fui.text "Fourth tab"
                ]
            ]
        ]
    ]