Tabs
tabs, tab, and tab-panel are designed to be used together.
View on:
A group of tabs and panels.
Import
import '@kemet-ui/tabs';<script type="module" src="https://unpkg.com/kemet-ui@latest/dist/elements/tabs.js"></script>import { KemetTabs } from 'kemet-ui/react';Examples
Section titled “Examples”Identifying tabs by id rather than name
Section titled “Identifying tabs by id rather than name”The example above identifies tabs by their name and links them by name explicitly. You can also link by index and exclude the extra attributes.
Closable
Section titled “Closable”You can use the closable attribute to make tabs closable.
Divider
Section titled “Divider”You can add a divider between the tabs and panels.
Placement
Section titled “Placement”You can change the placement of the tabs with the placement attribute.
Effect
Section titled “Effect”You can change the animation effect of the tabs when change with the effect attribute.
Attributes
Section titled “Attributes”Events
Section titled “Events”Methods
Section titled “Methods”CSS Properties
Section titled “CSS Properties”CSS Parts
Section titled “CSS Parts”The gods are nature. Nature is completely free.
Version 5.0.0