Bottom Navigation Component
A bottom navigation bar that contains multiple navigation items.
Slots
| Name | Description |
|---|---|
default | The default slot for adding tap-bottom-navigation-item elements. |
CSS Parts
| Name | Description |
|---|---|
bottom-navigation | The main container for the bottom navigation bar. |
Check this link to learn how to use CSS parts for Bottom Navigation Component.
CSS Properties
| Token | Default | Description |
|---|---|---|
--tap-bottom-navigation-background | --tap-sys-color-surface-secondary | The background color of the navigation bar. |
--tap-bottom-navigation-border-top-width | --tap-sys-stroke-1 | The width of the top border of the navigation bar. |
--tap-bottom-navigation-border-top-color | --tap-sys-color-border-primary | The color of the top border of the navigation bar. |