Component Library

Facto Suite Contact

Foundations4

Colours & tokens Icons Illustrations Product identity

Controls10

Button Input Select Textarea Checkbox & Radio Toggle Combobox Number, slider, colour, segmented Calendar & date field File upload

Display12

Tag Avatar Banner Empty state Skeleton Card & description list Stat & progress Accordion & divider Page skeletons Logo Icon tile Ghost empty

Data7

Data table Cell renderers Kanban board Sortable groups Pagination & filters Inline fields Action list

Charts & scheduling15

Charts Dashboard grid Gantt chart Event calendar Flow canvas Trend chart Pie chart Donut chart Area chart Bar chart Line chart Gauge Funnel chart Heatmap Sparkline

Layout6

Page header Side panel Settings layout Steps Page banner Record header

Navigation5

Tabs Menu Sidebar navigation Bottom tabs View switcher

Overlays3

Modal Tooltip Popconfirm

Browse components

ComponentsDisplay

Tag

Pill status chip in eleven colours, each a contrast-checked pair for both themes.

Colours and dots

WonLostOverdueIn progressDraft

PreviousFile upload NextAvatar

On this pageColours and dots