Tabs

Tabs wrappers for tab list, tab item, and tab link controls.

Bulma Pattern

This wrapper follows Bulma's Components markup. Compare class behavior with the official Bulma docs.

Supported tags

Example

<tabs boxed>
  <tab active>
    <tab-link href="#overview">Overview</tab-link>
  </tab>
  <tab>
    <tab-link href="#details">Details</tab-link>
  </tab>
  <tab>
    <tab-link>History</tab-link>
  </tab>
</tabs>

Usage Notes

Supports boxed, toggle, fullwidth, and size variants.
`<tab active>` marks the selected tab item.
`<tab-link>` uses safe anchor mode or button mode automatically.

Back to Components

Maintained by aldi

The source code is licensed under MIT.

Available on GitHub and npm.