Circle Health
DocsComponentsBlocksThemesShowcaseSample DataPrompts

Actions & Feedback

  • Alert
  • Badge
  • Button
  • Progress Bar
  • Spinner
  • Tag

Inputs & Forms

  • Checkbox
  • Switch
  • Date Picker
  • Dropdown
  • Form
  • Phone Input
  • Select With Input
  • TextArea
  • TextBox

Navigation & Disclosure

  • Back Button
  • Link
  • Sheet
  • Tabs
  • Text Link
  • Tooltip

Layout & Content

  • Card
  • Container
  • Empty
  • Flex
  • Spacer
  • Text
  • Text With Icon
  • Timeline

Components

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

AlertCircle alert callout primitives.BadgeCircle badge primitive.ButtonRounded action button for the Circle design system.Progress BarProgress bar primitive.SpinnerSpinner primitive.TagTag primitive.CheckboxCheckbox primitive with Circle styling.SwitchSwitch primitive with Circle consent styling.Date PickerCalendar date picker primitive.DropdownSelect field primitive.FormForm state and field primitives.Phone InputInternational phone input primitive.Select With InputSelect that expands into a text input.TextAreaMulti-line text field primitive.TextBoxSingle-line text field primitive.Back ButtonBack navigation button primitive.LinkText link primitive.SheetSheet and dialog primitives.TabsTabs primitives.Text LinkText link primitive.TooltipTooltip trigger and wrapper primitives for contextual help.CardCard layout primitives.ContainerCentered layout container primitive.EmptyEmpty state primitives.FlexFlex layout primitive.SpacerSpacing helper primitive.TextText primitives.Text With IconInline text and icon primitive.TimelineVertical timeline primitives.
Circle UI