Skip to main content

Components

Components are the building blocks of the design system.

A component describes a common pattern that can be composed together with other components and content to create larger things like pages or applications. In order to facilitate composition, components seek to do one thing well and be as simple as possible while still providing options for customization.

  • A button allows the user to perform an action.
  • TK
    A callout brings attention to related but non-essential information.
  • A checkbox allows the user to check or uncheck an option.
  • TK
    A choice field allows the user to choose one or more option from a set of related options.
  • A disclosure allows the user to show and hide additional content.
  • TK
    A dropdown allows the user to select an option from a list of options in an expandable overlay.
  • TK
    A link allows the user to navigate to another place.
  • TK
    A modal presents important information or simple tasks to the user in an overlay.
  • TK
    A popover allows the user to reveal more information or non-critical tasks in an overlay.
  • TK
    A progress bar lets the user know that something is processing or progressing.
  • TK
    A radio group allows the user to select one option from a set of related options.
  • TK
    A spinner lets the user know that something is processing or progressing.
  • TK
    A switch allows the user to immediately turn an option on or off.
  • TK
    A text field allows the user to enter and edit text.
  • TK
    A tooltip displays the name of or description for a related element on demand.
Last updated on by Evan Yamanishi