☰

Tabs

Organizes content into switchable tab panels.

Preview

Props

Prop	Type	Default	Description
`tabs`	array	`[]`	{ value, label, content } objects
`defaultValue`	string	`—`	Initially active tab

Usage

const { Tabs } = window.ColorSnap;
ReactDOM.createRoot(document.getElementById('root')).render(
  React.createElement(Tabs, { defaultValue: 'tab1', tabs: [{ value: 'tab1', label: 'Account', content: 'Account settings' }] })
);