Floating action button

Material Design

import '@vollowx/seele/m3/fab/fab.js';

<md-fab aria-label="Edit">
  <iconify-icon icon="material-symbols:edit"></iconify-icon>
</md-fab>
<md-fab size="m" color="secondary" aria-label="Accessibility">
  <iconify-icon icon="material-symbols:accessible-forward"></iconify-icon>
</md-fab>
<md-fab size="l" color="tertiary-container" aria-label="Mail">
  <iconify-icon icon="material-symbols:mail"></iconify-icon>
</md-fab>

`M3Fab`

Inherits Button

Slots

name	description
	The icon
`label`

CSS Parts

name	description
`label`
`icon`

Properties

name	description
`size`	Reflected string; `s`, `m` or `l`; `s` by default
`color`	Reflected string; `surface`, `primary`, `secondary`, `tertiary`, `primary-container`, `secondary-container` or `tertiary-container`; `primary` by default