Tabs

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

Usage

import { Tabs } from '@/components/tabs/tabs';
import { TabsTrigger } from '@/components/tabs/tabs-trigger';
 
return (
  <Tabs className="mb-5">
    <TabsTrigger id="test1" href="/test1">
      test1
    </TabsTrigger>
    <TabsTrigger
      id="content"
      active={activeTab === TabsEnum.CONTENT}
      onClick={() => setActiveTab(TabsEnum.CONTENT)}
    >
      Content
    </TabsTrigger>
  </Tabs>
);

Dialog Loaders