Skip to content

Tab TabList

Andrew Sutton edited this page Jan 26, 2024 · 2 revisions

image

[<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"
                ]
            ]
        ]
    ]
Clone this wiki locally