commercetools-uikit

@commercetools-uikit/accessible-button

A React component that you can use to wrap your buttons in an accessible <button/> element.

@commercetools-uikit/accessible-hidden

Component to hide content offscreen while keeping it accessible. This is also helpful for testing purposes.

@commercetools-uikit/async-creatable-select-field

An input component with validation states and a label getting a selection from an asynchronously loaded list from the user, and where options can be created by the user.

@commercetools-uikit/async-creatable-select-input

An input component getting a selection from an asynchronously loaded list from the user, and where options can be created by the user.

@commercetools-uikit/async-select-field

A controlled input component with validation states and a label getting a selection from an asynchronously loaded list from the user.

@commercetools-uikit/async-select-input

An input component getting a selection from an asynchronously loaded list from the user.

@commercetools-uikit/avatar

A component for rendering profile images

@commercetools-uikit/buttons

A preset of all the UI-Kit buttons components.

@commercetools-uikit/calendar-time-utils

Utilities to work with time values for a calendar.

@commercetools-uikit/calendar-utils

Utilities to work with values for a calendar.

@commercetools-uikit/card

Cards are used to display content and actions on a single topic.

@commercetools-uikit/checkbox-input

An input component that works as checkbox input.

@commercetools-uikit/collapsible

A render-prop component to manage a toggle state

@commercetools-uikit/collapsible-motion

A component which allows building collapsible elements with an arbitrary height.

@commercetools-uikit/collapsible-panel

A panel to collapse and expand your content.

@commercetools-uikit/constraints

Constraints are container elements with a configurable constraint size, like width or height.

@commercetools-uikit/creatable-select-field

A controlled input component with validation states and a label getting a selection from the user, and where options can also be created by the user.

@commercetools-uikit/creatable-select-input

An input component getting a selection from the user, and where options can also be created by the user.

@commercetools-uikit/data-table

A component for rendering tabular data.

@commercetools-uikit/data-table-manager

This component enhances the DataTable component and additionally provides a UI and state management to handle configuration of the table such as column manager.

@commercetools-uikit/date-field

A controlled date input component for single date, with validation states and a label.

@commercetools-uikit/date-input

The `DateInput` component allows the user to select a date. It formats the selected date depending on the users' locale.

@commercetools-uikit/date-range-field

A controlled date input component for a date range, with validation states and a label.