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.

Loading

Underline

Loading

Icon

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

Loading

Block

Stretch the buttons across the full width of the panel.

Loading

Scrollable

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

Loading

Size

Set the size of the buttons.

Loading

AddOnBefore

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

Loading

API reference

Tabs

Coming soon

Tabs.Panel

Coming soon