TabsJump to Props
Navigate between related pages or views while retaining context.
- After importing Tabs from the design system, you should place each of your tabbed content as separate children of the Tabs component.
- Each of the children need the label prop set to set the Tab text
- Use the tabIcon prop to pass in an Icon component
Under the hood, the Tabs component extracts the label and conditionally renders the children based on the active tab matching the element's label.
Pass the fullWidth prop (boolean, false by default) to the Tabs component to make them stretch to fill the container.