Tabs

Displays a callout for user attention.

tabs-example
Make changes to your account here.

React

import {
  Tabs,
  TabsContent,
  TabsList,
  TabsTrigger,
} from "@backend-ai/ui/components";

const TabsExamples = () => {
  return (
    <Tabs defaultValue="account" className="w-[400px]">
      <TabsList>
        <TabsTrigger value="account">Account</TabsTrigger>
        <TabsTrigger value="password">Password</TabsTrigger>
      </TabsList>
      <TabsContent value="account">
        Make changes to your account here.
      </TabsContent>
      <TabsContent value="password">Change your password here.</TabsContent>
    </Tabs>
  );
};

export default TabsExamples;