Component library

Our library offers a collection of the most common UI elements. Save time by using these building blocks.

Wireframes snapshot

Available components

Released components are now integrated into the UCDS system, with documentation ready for your review. Whether you're a designer or developer, you can find detailed information in our main tools—Figma for design assets and Storybook for development details.

For access to the component design and development environments, connect with us for a walkthrough and onboarding session. Let's get you set up!

accordion thumbnail

Accordion

A collapsible container for organizing content, keeping interfaces clean and accessible.

button thumbnail

Button

A core interactive element used to trigger actions like submitting forms.

checkbox thumbnail

Checkbox

A simple control for selecting one or multiple options in a list.

chip thumbnail

Chip

A compact UI element for displaying information, filtering content, or triggering actions.

dropdown thumbnail

Dropdown

A toggleable menu for selecting a single option from a list without cluttering an interface.

icon button thumbnail

Icon button

A minimalist button using an icon to convey actions efficiently.

radio button thumbnail

Radio button

A control for selecting a single option from a predefined set.

search input thumbnail

Search input

A specialized input field for quickly finding relevant content.

text input thumbnail

Text input

A field for user-entered data, supporting various formats and validations.

In production

Hang on tight! Our team is working around the clock to bring these components to your screens as soon as possible. Stay tuned—exciting things are coming your way! View the UCDS roadmap for more details or our upcoming releases. 

 

Alpha 2.0

  • Global header
  • Global footer
  • Image
  • List Stylings
  • Table stylings
  • Text

Beta 1.0

  • Card
  • Hero
  • Image with text
  • Pull quote
  • Pagination

General availability (GA)

  • Thumbnail
  • Breadcrumb
  • Checklist
  • Image gallery
  • Toggle
  • Stepper