Skip to content

Tabs

Tabs are used to organize content into separate sections, allowing users to switch between different views or categories without leaving the current page. They are commonly used in navigation menus, settings, and other interactive elements.

Loading Code Block...

To get started, install Butterfly DS via aqua:

Loading Code Block...
Loading Code Block...

PropsDefaultTypeDescription
tabs[]arrayAn array of objects representing the tab items, each with a tabName, icon, href, and active state.
showIconsfalsebooleanWhether to show icons in the tabs.
showBadgesfalsebooleanWhether to show badges in the tabs.
variant'default'stringThe variant of the tabs.
colors-objectThe color scheme of the tabs.
icon
icon icon icon icon