FAB

A floating action button for the primary, most prominent action on a screen.

Import

import { FAB } from "@/components/ui"

Prop	Type	Default	Description
variant	"brand" \| "primary" \| "secondary"	"brand"	Color scheme of the FAB.
size	"sm" \| "md" \| "lg"	"md"	Controls dimensions.
shape	"circle" \| "rounded"	"circle"	Border radius shape.
icon	ReactNode	—	The icon displayed inside the FAB.
label	string	—	Optional label text for extended FAB.