structyl

Bottom Navigation API

View component

The full prop reference for the Bottom Navigation component. Bottom tab-style navigation.

Import

tsx
import { BottomNavigation } from '@structyl/styled';

Props

BottomNavigation.Root

Bottom tablist root.

PropTypeDefault
value | defaultValue#string

Controlled or uncontrolled selected value.

onValueChange#(value: string) => void

Selection callback.

showLabels#boolean

Show all labels instead of only selected labels.

false
className#string

Additional Tailwind classes merged with the component defaults.

BottomNavigation.Item

Bottom navigation action.

PropTypeDefault
value#string

Item value.

label#React.ReactNode

Visible label slot.

icon#React.ReactNode

Icon slot.

showLabel#boolean

Override root label visibility.

className#string

Additional Tailwind classes merged with the component defaults.

Source code

If you didn't find what you need here, read the component implementation .

structyl — Accessible React Component Library