Tabs
Dynamic tabbed interfaces.
handleSelect
is triggered when tab is clicked.
#
ExampleSimple example of tabs.
Tab 1Tab 2Tab 3
#
FullDisplay tab title full length.
Tab 1Tab 2Tab 3
#
BorderMake border darker.
Tab 1Tab 2Tab 3
#
API#
TabsName | Type | Default | Description |
---|---|---|---|
children | React.ReactNode | Contain TabTitle components | |
grayborder | boolean | Make border darker | |
full | boolean | Display context full screen |
#
TabTitleName | Type | Default | Description |
---|---|---|---|
children | React.ReactNode | Shows tab content | |
onClick | function | Define click handler function | |
className | string | Define className |