NeonTabs — neon-tabs

PREVIEW

TABTAB

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;

import { NeonTabs } from '@oalacea/chaosui/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"