@umbraco-ui/uui-tabs

uui-tabs

See it in action

Preview the component on Storybook

Installation

ES imports

npm i @umbraco-ui/uui-tabs

Import the registration of <uui-tab-group>, <uui-tab> via:

import '@umbraco-ui/uui-tabs';

When looking to leverage the UUITabGroupElement, UUITabElement base class as a type and/or for extension purposes, do so via:

import { UUITabGroupElement, UUITabElement } from '@umbraco-ui/uui-tabs';

Usage

<uui-tab-group>
  <uui-tab>Tab A</uui-tab>
  <uui-tab>Tab B</uui-tab>
  <uui-tab>Tab C</uui-tab>
</uui-tab-group>