Tabs

This package provides the Tabs web component.

Installation

Install the component using npm:

npm install @ucalgary-design-system/tabs

Usage

Import the component into your application:

import "@ucalgary-design-system/tabs";

Use the component in your HTML:

<ucds-tabs></ucds-tabs>

💡 Our components automatically load global design tokens when first used. You don’t need to import them manually!

Development

Build the component:

npm run build

Alternatively, build from the monorepo root:

npm run build -w @ucalgary-design-system/ucds-tabs

Run storybook from the monorepo root.

Testing

Run the test from this package:

npm run test

Alternatively, run the tests from the monorepo root:

npm run test -w @ucalgary-design-system/ucds-tabs