-
Accordion Accordions provide a way to hide or expand large sections of content.
-
Breadcrumb Breadcrumbs show the path from the homepage to the current page. They help users understand where they are in the website’s structure.
-
Button A button lets users take a specific action or complete a task.
-
Card A card provides information about linked resources in a structured format. A card can include an image or icon. Cards always appear as part of a group.
-
Checkbox A checkbox lets users select one or more options from a list.
-
Global alert A global alert appears at the top of every page across a website.
-
In-page alert In-page alerts help the user in the context of a single webpage.
-
Link A link takes users to another page, to a different part of the same page, or to view a document.
-
List group The list group offers a visually stacked list of links, including titles and link icons.
-
Radio button A radio button let users choose one option from a list of two or more choices. When a user picks a new option, the previous one is automatically unselected.
-
Tag Tags are small elements that help label, organize, categorize, or filter content using keywords.
-
Select The select component allows users to choose one item from a drop-down list.
-
Table Tables display data in a structured grid. They’re made up of rows and columns.
-
Text input The text input component provides a field for users to enter short text responses.
Keystone Design System
Components
Learn when and how to use the components that make up the Keystone Design System.