Tabs

Epic tabbed navigation with classic Warcraft themes

Default (No Faction)

  • Fierce warriors forged in battle.
  • Homeland: Durotar
  • Fierce warriors forged in battle.
  • Homeland: Durotar

Human Faction

  • The noble defenders of Azeroth.
  • Mastery over the sword and arcane.
  • The noble defenders of Azeroth.
  • Mastery over the sword and arcane.

Orc Faction

  • Fearless warriors from Durotar.
  • Masters of the axe and war drum.
  • Fearless warriors from Durotar.
  • Masters of the axe and war drum.

Elf Faction

  • The ancient, magical Kaldorei.
  • Guardians of the Emerald Dream.
  • The ancient, magical Kaldorei.
  • Guardians of the Emerald Dream.

Undead Faction

  • Servants of the Lich King, risen from the grave.
  • Seek to spread undeath across Azeroth.
  • Servants of the Lich King, risen from the grave.
  • Seek to spread undeath across Azeroth.

Installation

pnpm dlx shadcn@latest add https://warcraftcn.com/r/tabs.json

Usage

import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/warcraftcn/tabs"

<Tabs defaultValue="orc">
  <TabsList>
    <TabsTrigger value="orc">Orc</TabsTrigger>
    <TabsTrigger value="human">Human</TabsTrigger>
    <TabsTrigger value="elf">Elf</TabsTrigger>
    <TabsTrigger value="undead">Undead</TabsTrigger>
    <TabsTrigger value="disabled" disabled>Disabled</TabsTrigger>
  </TabsList>
  <TabsContent value="orc">
  </TabsContent>
  <TabsContent value="human">
  </TabsContent>
</Tabs>
SpinnerTextarea