Glowup
NAVIGATION · 79 / 89
Tabs
Tabs — a Material You navigation component for React Native and web.
󱀫
packages/ui/src/components/Tab/Tabs.tsx
Live demo
Properties
1 control
Active Tab
Usage
Tabs.tsx
<Tabs activeTab={0} />
Variants
The states and shapes this component is meant to be used in.
Text tabs
Icon tabs
Four tabs
Two tabs
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
Props
3 on TabProps
activeTab
required
number
onChange
required
(index: number) => void
tabs
required
IconTabItem[] | string[]
󰅁
Previous
Toolbar
Next
TabContent
󰅂