Fab

canon

Floating primary action of a screen on a phone: round „+" for Create, extended with a label otherwise.

Approved by the owner 2026-09-28 (Attio pattern, AD). Drawn by SectionTopBar from primaryAction data below 720 px only; acrm !4088. Used only through SectionTopBar (primaryAction below 720 px) — gen-usage shows 0 direct uses; that is expected, not unused.

Used in no file in the app (main)

Import

import { Fab } from '@acrm/ui'

Props

Fab packages/ui/src/components/Fab.tsx

NameTypeDefaultDescription
icon *string——
label *string—Popisek akce — u kulatého FAB jméno pro čtečku, u rozšířeného viditelný text.
onClick *() => void——
disabledboolean——
extendedboolean—Rozšířený FAB: ikona + popisek, výška 48 px — pro každou primární akci kromě Vytvořit.
inlineboolean—Ukázka vložená do rámce (katalog, dokumentace): bez portálu, bez fixní polohy, i na desktopu.

CSS classes

.acrm-fab.acrm-fab.extended.acrm-fab.inline.has-fab

Files