Components

Tabs

Switch between equivalent views.

Preview

Live preview of the component.

Installation

pnpm add nyxis-ui

Usage

import { Tabs } from 'nyxis-ui';
// or, for stricter tree-shaking:
// import { Tabs } from 'nyxis-ui/tabs';

<Tabs defaultValue="preview">
  <TabsList>
    <TabsTrigger value="preview">Preview</TabsTrigger>
    <TabsTrigger value="code">Code</TabsTrigger>
  </TabsList>
  <TabsContent value="preview">...</TabsContent>
  <TabsContent value="code">...</TabsContent>
</Tabs>;