Tabs
An element that provides two or more content or functional options.
1. Root : The top-level container area that wraps the Tabs component
2. Tab Item : Content (page) groups that the user can select and switch between
3. Label : A label that communicates information about the Tab item
4. Selected indicator : An element indicating the Tab item selected by the user
5. Tab Container : The area where Tab items are listed
States
| States | Value | Description |
|---|---|---|
| Enable | Boolean | Default state that is touch-enabled |
| Pressed | Boolean | Switches to True when in a clicked state via touch |
| Selected | Boolean | The selected value entered in the Tabs component |
Properties
| Property | Value | Description |
|---|---|---|
| Type | Box, Line | Two types of Tab styles |
| Fitted | Boolean | If True, the Tabs will stretch evenly according to the width of the Tabs. If False, it will be expressed with Left Aligned alignment |
