Appearance
LayoutBottomNavigation
A tab bar for small screens.
ts
import { LayoutBottomNavigation } from '@zairakai/vue-components/Layout'Usage
vue
<LayoutBottomNavigation />Props
| Name | Type | Default | Description |
|---|---|---|---|
id | string | ||
class | string | ||
items | array | [] | The items: { value, label, href }. With an href an item is a link, otherwise a button. |
modelValue | string | undefined | The value of the current item. |
label | string | 'Main' |
Events
| Name | Description |
|---|---|
update:modelValue |
Slots
| Name | Description |
|---|---|
icon-${item.value} |
See Theming for the class hooks and the data-* state of the components.