Components

Tabs

Tabs are used to navigate between related pages or views while retaining context.

The tab component renders a set of Tab Button components.

import { Tabs } from '@sproutsocial/racine'

Properties

NameTypeDefaultDescriptionRequired?
childrenReact.Node
onSelectstring => void
fullWidthboolean
Whether or not the tabs should stretch to fill the width of their container
qa{ [string]: string }
selectedIdstring
ID of the selected tab

Subcomponents

Tab Button

A tab button must be rendered within an instance of the Tabs component.

NameTypeDefaultDescriptionRequired?
childrenReact.Node
idstring
Should be unique among sibling elements