Tab
<ns-tab> 
Overview
The singular tab that dictates what the area is about.
The ns-tab is the button that changes the content in the ns-tabs when clicked. It shows the user relevant content with a heading and an optional icon.
Examples
Guidance
Implementation
Placement
The ns-tab component can only be used as a child of the <ns-tabs> element.
Specification
Attributes
selected
- Property
selected- Description
- Whether the tab is selected.
- Type
boolean- Default
false
icon
- Property
icon- Description
- The name of the icon to be displayed.
- Type
string- Options
- Refer to our icons.
- Default
aria-selected
- Property
ariaSelected- Type
boolean- Default
false
role
- Property
role- Type
string- Default
tab
tabindex
- Property
tabIndex- Type
number- Default
0
type
- Property
type- Type
string- Default
standard
Slots
| Slot | Permitted tags | Description |
|---|---|---|
| Anonymous slot | The content of the tab. |
Events
| Name | Description |
|---|---|
tabselected | The event fired when the tab is selected. |
Last updated: