Buttons & CTAs / Button

FAB Button

Floating action button with elevation shadow. Height 52px, padding 16px, border-radius 8px. Available in brand (violet) and black colors.

V 1.0View in Storybook

Controls

Color

Label

Leading icon

Trailing icon

Variants

Both colorsBrand (violet) and Black side by side

Props

Name

Type

Default

color

'brand' | 'black'

'brand'

iconLeft

ReactNode

—

iconRight

ReactNode

—

children

ReactNode

—

Code

import { FabButton } from '@/src/components/Button/Button'

<FabButton color="brand" iconLeft={<InfoIcon />} iconRight={<AddIcon />}>
  Label
</FabButton>