Fab

Usage

Floating Action Button (Fab) represents the primary action on a screen. Import it from @udixio/ui-react.

import { Fab } from "@udixio/ui-react"

Variants

• primary (default)
• secondary
• tertiary
• surface

Sizes

Available sizes: small, medium (default), large.

Extended vs. regular

Use isExtended to show the label next to the icon.

Link or action

If href is provided, the component renders an anchor; otherwise it renders a button. The label is used as aria-label for the non-extended Fab.