Flint Components
Each component has one spec, written once and built per platform. These pages cover usage, the tokens it reads, code for each platform and how it works with a keyboard and screen reader.
Documented
- ButtonButtons start an action. Flint has four: primary, secondary, danger and text.
- CheckboxCheckboxes let people pick any number of options from a list, or turn one option on before they submit.
- InputInputs take a short line of text. In Flint, an input always lives in a form field with a visible label, optional helper text and an error message.
Everything in the library
3 of 22 Figma library components are documented here so far. The rest arrive with the SwiftUI components (ASDS-38) and the shadcn pilot. Product patterns used only by AccessSpark are moving to its own library (ASDS-37).
| Group | Component | Docs |
|---|---|---|
| Actions | Button | Documented |
| Actions | Split button | Not yet |
| Forms | Form field | Not yet |
| Forms | Input | Documented |
| Forms | Select | Not yet |
| Forms | Checkbox | Documented |
| Forms | Radio | Not yet |
| Forms | Toggle | Not yet |
| Status | Chip | Not yet |
| Status | Badge | Not yet |
| Status | Alert | Not yet |
| Status | Toast | Not yet |
| Navigation | Tab | Not yet |
| Navigation | Pagination | Not yet |
| Navigation | Skip link | Not yet |
| Navigation | Menu item | Not yet |
| Containers | Dialog | Not yet |
| Containers | Drawer | Not yet |
| Containers | Empty state | Not yet |
| Containers | Tooltip | Not yet |
| Data | Table cell | Not yet |
| Data | Progress | Not yet |