Design-System Packages

Containers, rows, and columns for creating page layout.

Singular purpose and flexible navigation elements.

Style individual form controls and utilize common layouts.

Flash messages, or alerts, inform users of successful or pending actions.

Shorten text with an ellipsis.

CSS to reset the browsers default styles

A module for creating rounded-corner boxes with options for headers, lists, and footers.

Breadcrumb navigation for pages with parents / grandparents.

A module for creating dynamically resizable elements that always sit on the same horizontal line.

Renders errors based on configuration.

A controlled text input component for multi-line strings with validation states.

The FieldLabel component represents the label for a field in a form.

Core package of the commercetools design system.

A controlled input component for numbers with validation states.

A controlled text input component for localized rich text input with validation states.

A controlled text input component for localized single-line strings with validation states.

A controlled radio input component with validation states and a label.

A dropdown component with any number of action, where the first action of the dropdown can be triggered without opening the dropdown itself.

A controlled date input component for single date.

BlaBlaCar React UI component library