Skip to content

Pattern

Customize Design System

Choose only the components a product needs, while every selected component keeps the same token, accessibility and interaction contracts as the full system.

Built fromCheckboxButtonBadgeComponent registry

Choose componentsPermalink to this section

The checklist reads directly from the same component registry used by the docs gallery. New components appear here automatically.

Component selection

6 of 36 selected

1/4
2/9
2/12
0/6
1/5

6 components ready to add.

What gets carried overPermalink to this section

Selecting fewer components changes package scope, not system quality.

Tokens

Component contracts keep theme presets and targeted CSS-variable overrides working.

Dependencies

Composed components bring along the primitives they require.

Accessibility

Keyboard behavior, accessible names and reduced-motion handling stay intact.

Pattern boundary

This is a Pattern because it composes Checkbox, Button, Badge and the component registry into a package-customization workflow. The controls themselves remain independent Components.