Components
Overview
AlertApp SidebarAssistant PanelAvatarBadgeBreadcrumbButtonButton GroupCalendarCheckboxChipComboboxData TableDate PickerDividerDropdown MenuFABField / Field SetFormIcon ButtonIconsInputInput GroupItem / Item SetKeyboardLink ButtonLogoNavbarNotificationPage HeadingPopoverRadioScanner FieldSection HeadingSelectSheetSidebarText AreaTime PickerToggle ButtonTokensToolbarTooltip

Logo

FMX brand mark — size × color variants.

View in Figma
<Logo />
<Logo color="neutral" />
<Logo size="lg" />
<Logo size="lg" color="neutral" />
Props
size:"default" | "lg"= "default"
default = 20px; lg = 32px (exact Figma mark sizes).
color:"primary" | "neutral"= "primary"
primary uses brand blue; neutral uses on-surface.
label:string
Accessible label; omit to render decorative (aria-hidden).
Tokens
Engineer workflow → docs/kits.md