Tabs

Example

Usage

		<!-- alternatively you can also supply a href for each tab -->
<Tabs
	items={[
		{ name: 'Tab 1', onclick: () => (active = 'Tab 1') },
		{ name: 'Tab 2', onclick: () => (active = 'Tab 2') }
	]}
	active={active}
/>

API Reference

Tabs

A horizontal tab navigation component.

Property Type Description

items required

array

The list of tab items. Each item can be a link (href) or a button (onclick).

active required

string

The name of the currently active tab.

class

string

Additional CSS classes to apply. Default: —

Property

items

active

class