General

FAB

A Floating Action Button (FAB) performs the primary action of a screen. It appears in front of all content.

Screen Container Preview

Variants

Different visual styles and sizes for various importance levels.

Primary

Outline

Large

Prop	Type	Default	Description
`icon`	`ReactNode`	`<Plus />`	Icon to display inside the button
`variant`	`'primary' \| 'secondary' \| 'outline'`	`'primary'`	Visual style of the button
`size`	`'default' \| 'large'`	`'default'`	The diameter of the FAB

$npx kachindo-ui add fab