Elizabeth Mitchell 8588a3f52e feat(fab)!: add touch target configurations
BREAKING CHANGE: Replace `reduced-touch-target` with `touch-target="none"`

PiperOrigin-RevId: 555666950
2023-08-10 14:58:51 -07:00

20 lines
643 B
HTML

<div class="figure-wrapper">
<figure
aria-label="Four surface fabs side by side with edit icons of visual size size small, small, medium, and large"
style="padding-block: 16px; gap: 16px; display: flex"
>
<md-fab size="small" touch-target="none" aria-label="Edit">
<md-icon slot="icon">edit</md-icon>
</md-fab>
<md-fab size="small" aria-label="Edit">
<md-icon slot="icon">edit</md-icon>
</md-fab>
<md-fab aria-label="Edit">
<md-icon slot="icon">edit</md-icon>
</md-fab>
<md-fab size="large" aria-label="Edit">
<md-icon slot="icon">edit</md-icon>
</md-fab>
</figure>
</div>