Design-system Packages

A controlled input component for money values with validation states and a label.

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

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.

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

A preset of all the UI-Kit inputs components.

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

The Text component implements the typography elements such as headings, paragraphs, etc.

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

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

A controlled input component for money values with validation states.

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

A controlled input component for localized money values with validation states.

A component to render error or warning messages within together with form fields.

Primer is the CSS framework that powers GitHub's front-end design. primer includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to i

Notification components.

Primary buttons are used for a primary action on a page. You must also pass a label for accessibility reasons.

All SVG icons are rendered as React components.

A spinner animation to indicate loading state (e.g pending requests) for the user.

The `DateRangeInput` component allows the user to select a date range.

A collection of buttons used for primary and secondary actions.