Tabs

A set of layered sections of content—known as tab panels—that are displayed one at a time.

Source code

Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

Installation

npx ui-thing@latest add tabs

Usage

Basic example

Account

Make changes to your account here. Click save when you're done.

With Indicator

Passing :pill="false" to the List and Trigger components will remove the background color from both components. This allows us to use the Indicator component to create a custom indicator.

Account

Make changes to your account here. Click save when you're done.