API Reference

Tabs

Alternative views of the same concept — one command per package manager, one snippet per language.

For alternative views of the same concept — an install command per package manager, a snippet per language, a config per OS. Keep the panels parallel so switching tabs swaps one variable. The tab labels come from each <Tab>'s title.

When to use it

Reach for tabs when the reader needs exactly one of several parallel options and the rest are noise to them. If every item is relevant in sequence, use Steps; if the extra options are optional depth, use Accordions.

Props

ComponentPropTypeDescription
<Tab>titlestringThe tab label (also usable as value)
<Tab>childrenReactNodeThe panel content

Live example

npm i superlore
pnpm add superlore
bun add superlore

On this page

Built withsuperlore