Tabs

Basic Usage

Loading...

function Demo() {
  const items = [
    {
      name: 'Apple',
      content: 'Apple is awesome',
    },
    {
      name: 'Banana',
      content: 'Banana is awesome',
    },
    {
      name: 'Orange',
      content: 'Orange is awesome',
    },
    {
      name: 'Grapes',
      content: 'Grapes are awesome',
    },
  ]

  const [current, setCurrent] = useState('Apple')
  return <CTabs items={items} activeTab={current} onTabChange={setCurrent} />
}

Fold/Expand Code

Props

Name (*for required)	Description	Type	Default Value

No Data