Dock

Dock is a bottom navigation bar used to switch between primary sections of an app.

npx jsx-daisyui add dock

Default

dock-default

dock-with-labels

Home

Inbox

Profile

Prop	Type	Default	Description
`size`	`'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'`	-	The size of the dock items.
`value`	`string`	-	The controlled value of the active dock item.
`defaultValue`	`string`	-	The default active dock item.
`onValueChange`	`(value: string) => void`	-	Callback when the active item changes.

Prop	Type	Default	Description
`value`	`string`	-	The value of this dock item.