Tabs

Installing

Install the component

npm install @supabase/ui

Getting started

Import the component

import { Tabs } from '@supabase/ui'

Basic

Tabs can show panels which can be toggled between with buttons above. Add content inside the Panel component, which it's own id and label.

Underline

Icon

Inject any Icon from Supabase UI into any Panel and it will show in the button above.

Block

Stretch the buttons across the full width of the panel.

Scrollable

Allow the buttons to scroll if beyond the width of the panel.

Size

Set the size of the buttons.

AddOnBefore

Insert any react node in AddOnBefore or AddOnAfter to inject anything before or after the buttons.

API reference

Tabs

Coming soon

Tabs.Panel

Coming soon