BrandedFab

Imports

import {BrandedFab} from 'material-expressive-react';
import {BrandedFab} from 'material-expressive-react/fab';

Props

Prop	Type	Default	Required	Description
label	string		No	The text to display on the FAB. When set, the FAB becomes extended.
lowered	boolean		No	Lowers the FAB's elevation.
size	enum		No	The size of the FAB. Branded FABs may be medium (default) or large.
touchTarget	enum		No

Events

This component does not explicitly re-emit DOM events via wrapper props.

Slots

Material Web components frequently use named slots. In React, you can pass slot="..." on children (e.g. <Icon slot="icon" />).

If you need to slot a child component that does not accept a slot prop, use the Slotted utility (see Utilities → Slotted).

Examples

See Storybook for live examples and variants.