Command Menu

Search documentation, components, and switch theme.

Fragments

Introduction

Fragments solve a specific problem: when you find yourself combining the same atoms repeatedly — a combobox that pairs Command with Popover, a settings form that wires up Field, Card, and PageSection — a fragment packages that combination so you write it once.

Each fragment is distributed via the Formance registry and can be installed directly into your project. Data tables, page headers, key-value inputs, and other common patterns ship as fragments, which keeps behavior consistent across Formance products without duplicating boilerplate.

App Card
A card layout for app sections with optional icon, header action, separator, and footer.

Composed from the Card, Button, and Typography atoms. Use it to scaffold the recurring header + body + action pattern across product surfaces.