Components

FAB

Floating Action Button — extended (icon + label) or icon-only, in sm/default/lg sizes.

View in Figma
<FAB />
<FAB showLabel={false} />
<FAB label="New request" icon={faPlus} />
<FAB disabled />
<FAB size="lg" />
<FAB size="sm" />
Props
showLabel:boolean= true
Show the text label beside the icon (extended pill). Icon-only when false.
size:"default" | "lg" | "sm"= "default"
44px / 54px / 36px container height; icon and label scale with it.
label:string= "Ask Iris"
Label text for the extended FAB.
icon:IconDefinition= faSparkles
Leading glyph.
floating:boolean= false
Renders inside a fixed bottom-lg right-lg z-50 wrapper — the canonical corner placement. Don't pass `fixed` via className (the internal `relative` wins); use this prop or your own wrapper. (Not demoed here — it would pin to this page's corner.)
Tokens