FAB

Floating action buttons (FABs) help people take primary actions

Use a FAB for the most important action on a screen; it appears in front of all other content.

The FAB can be aligned left, center, or right. It can be positioned above the navigation bar, or nested within it.

Import

import { FloatingActionButton } from "@m3-components/solid";

Basic Style

import { AddIcon } from "your-components";

<FloatingActionButton position="unset">
	<AddIcon />
</FloatingActionButton>;

Positioning

The floating action button will be fixed at the bottom-right corner of the screen with a margin of 16px.