← DOCS
neon

NeonTabs

Glowing tab navigation component.

npx chaos add neon-tabs

PREVIEW

TABTAB

USAGE

import { NeonTabs } from '@/components/chaos/neon/neon-tabs';

const tabs = [
  { id: 'home', label: 'Home' },
  { id: 'settings', label: 'Settings' },
];

<NeonTabs tabs={tabs} activeTab="home" onChange={setActiveTab} />

PROPS

PropTypeDefault
tabsArray of {id, label, icon?}
NeonTab[]-
activeTabActive tab id
string-
onChangeTab change callback
(tabId: string) => void-
variantNeon color
"cyan" | "pink" | "green" | "purple""cyan"