Tabs
The Tabs control and related tabs pattern are used for navigating frequently accessed, distinct content categories. Tabs allow for navigation between two or more content views and relies on text headers to articulate the different sections of content.
Examples​
Properties​
Name | Type | Default | Description |
---|---|---|---|
value | string | Key of the selected tab item. | |
solid | bool | false | true to display tabs as solid rectangles instead of links. |
Events​
Name | Description |
---|---|
change | Fires when the selected tab item is changed. |
Child controls​
Tab
control​
Represents a tab within Tabs control.
Properties​
Name | Type | Default | Description |
---|---|---|---|
key | string | An key to uniquely identify a tab. text value is used if key is not specified. | |
text | string | The text displayed of each tab link. key value is used if text is not specified. | |
icon | string | An optional icon to show next to the tab link. | |
count | string | Defines an optional item count displayed in parentheses just after the linkText. Examples: Completed (4), Unread (99+). |
Child controls​
- Any control - will be rendered in the body of the tab.