Components

Single-purpose primitives and layout pieces you can compose into product surfaces.

28 entries

Actions & Feedback

Alert

Circle alert callout primitives.

Single-purpose primitives and layout pieces you can compose into product surfaces.

alert

Actions & Feedback

Badge

Circle badge primitive.

Single-purpose primitives and layout pieces you can compose into product surfaces.

badge

Actions & Feedback

Button

Rounded action button for the Circle design system.

Single-purpose primitives and layout pieces you can compose into product surfaces.

button

Actions & Feedback

Progress Bar

Progress bar primitive.

Single-purpose primitives and layout pieces you can compose into product surfaces.

progress-bar

Actions & Feedback

Spinner

Spinner primitive.

Single-purpose primitives and layout pieces you can compose into product surfaces.

spinner

Actions & Feedback

Tag

Tag primitive.

Single-purpose primitives and layout pieces you can compose into product surfaces.

tag

Inputs & Forms

Checkbox

Checkbox primitive with Circle styling.

Single-purpose primitives and layout pieces you can compose into product surfaces.

checkbox

Inputs & Forms

Switch

Switch primitive with Circle consent styling.

Single-purpose primitives and layout pieces you can compose into product surfaces.

switch

Inputs & Forms

Date Picker

Calendar date picker primitive.

Single-purpose primitives and layout pieces you can compose into product surfaces.

date-picker

Inputs & Forms

Dropdown

Select field primitive.

Single-purpose primitives and layout pieces you can compose into product surfaces.

dropdown

Inputs & Forms

Form

Form state and field primitives.

Single-purpose primitives and layout pieces you can compose into product surfaces.

form

Inputs & Forms

Phone Input

International phone input primitive.

Single-purpose primitives and layout pieces you can compose into product surfaces.

phone-input

Inputs & Forms

Select With Input

Select that expands into a text input.

Single-purpose primitives and layout pieces you can compose into product surfaces.

select-with-input

Inputs & Forms

TextArea

Multi-line text field primitive.

Single-purpose primitives and layout pieces you can compose into product surfaces.

textarea

Inputs & Forms

TextBox

Single-line text field primitive.

Single-purpose primitives and layout pieces you can compose into product surfaces.

textbox

Navigation & Disclosure

Back Button

Back navigation button primitive.

Single-purpose primitives and layout pieces you can compose into product surfaces.

back-button

Navigation & Disclosure

Link

Text link primitive.

Single-purpose primitives and layout pieces you can compose into product surfaces.

link

Navigation & Disclosure

Sheet

Sheet and dialog primitives.

Single-purpose primitives and layout pieces you can compose into product surfaces.

sheet

Navigation & Disclosure

Tabs

Tabs primitives.

Single-purpose primitives and layout pieces you can compose into product surfaces.

tabs

Navigation & Disclosure

Text Link

Text link primitive.

Single-purpose primitives and layout pieces you can compose into product surfaces.

text-link

Layout & Content

Card

Card layout primitives.

Single-purpose primitives and layout pieces you can compose into product surfaces.

card

Layout & Content

Container

Centered layout container primitive.

Single-purpose primitives and layout pieces you can compose into product surfaces.

container

Layout & Content

Empty

Empty state primitives.

Single-purpose primitives and layout pieces you can compose into product surfaces.

empty

Layout & Content

Flex

Flex layout primitive.

Single-purpose primitives and layout pieces you can compose into product surfaces.

flex

Layout & Content

Spacer

Spacing helper primitive.

Single-purpose primitives and layout pieces you can compose into product surfaces.

spacer

Layout & Content

Text

Text primitives.

Single-purpose primitives and layout pieces you can compose into product surfaces.

text

Layout & Content

Text With Icon

Inline text and icon primitive.

Single-purpose primitives and layout pieces you can compose into product surfaces.

text-with-icon

Layout & Content

Timeline

Vertical timeline primitives.

Single-purpose primitives and layout pieces you can compose into product surfaces.

timeline