The singular tab that dictates what the area is about.
The tab is the button that can be clicked to change the content in the
ns-tabs. It shows the user what content there is with a heading and an optional icon.
Please see ns-tabs for full content guidance.
|💚 Do's||💔 Don'ts|
|Always add heading text||Add an icon to one tab and not to the other tabs|
|Add more than 2 words to the heading|
|Add different types of icons (solid, outline, functional)|
- Only use inside
ns-tabsas a slot of
The ns-tab component can only be used in the ns-tabs component.
|Please see the documentation for ns-icon||Optional icon to add to the tab.|
|Sends a event when tab is selected.|
- Do you have insights or concerns to share? You can raise an issue via Github bugs.
- See all the issues already raised via Github issues.
💩 🎉 🦄 If you have any questions, contact us on Microsoft Teams in the Nucleus Design System channels.