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"