TabList
This component is used to navigate between different panes of content
TabList let people quickly switch between sections of the view while preserving the current navigation state within each section. Via different variants you can change the meaning of the tabs.
Tabs
TabItem <T extends unknown>
This interface is available for importing only in Altrone 2.0 and later. For older versions, you can use this framework without the imported interface.
Variants
There are three different variants of tabs:
Default tabs. This TabList variant looks like iOS and macOS tabs. All tabs are inside the container. The active tab has a background.
Bordered tabs. This TabList variant looks like Windows tabs. These tabs don't have background. The active tab has a bottom border.
Solid tabs. This TabsList variant looks like a tabs in a browser. User can close tabs and open a new tabs.
TabListVariant
Properties <T>
Property | Type | Description |
---|---|---|
|
| Selected tab |
|
| List of tabs |
|
| Callback is called when user clicks on the tab |
|
| Variant of tab list |
|
| If |
|
| Show close button for each tab. Works only with solid variant |
|
| Show add button for each tab. Works only with solid variant |
|
| Callback is called when user closes the tab |
|
| Callback is called when user clicks on "Add" button |
|
| Alignment of TabList |
History
Altrone 1.3
:added typescript generic
Altrone 1.0
: initial release
Last updated