Learn more about Mintlify
Enter your email to receive updates about new features and product releases.
A set of layered sections of content—known as tab panels—that are displayed one at a time.
npx shadcn-svelte@next add tabs
Install bits-ui
npm install bits-ui -D
Copy and paste the component source
<script lang="ts"> import * as Tabs from "$lib/components/ui/tabs/index.js"; </script>
<Tabs.Root value="account" class="w-[400px]"> <Tabs.List> <Tabs.Trigger value="account">Account</Tabs.Trigger> <Tabs.Trigger value="password">Password</Tabs.Trigger> </Tabs.List> <Tabs.Content value="account"> Make changes to your account here. </Tabs.Content> <Tabs.Content value="password">Change your password here.</Tabs.Content> </Tabs.Root>