Bottom App Bar ​

A bottom app bar displays navigation and key actions at the bottom of mobile screens. See the Material 3 documentation for this component.

Props ​

defineProps<{
    // Label for the floating action button.
    fabLabel: string
}>()

defineProps<{
    // Label for the floating action button.
    fabLabel: string
}>()

Slots ​

icon-n ​

The icon-n slots are used for the icon buttons. Replace n with the number, in order, to display them in.

icon-fab ​

The icon-fab slot is used for the icon in the floating action button.

Events ​

fab-click ​

Emitted with the Event from any click on the floating action button.