Components Overview

A component refers to a reusable combination of HTML elements, CSS styles, and sometimes JavaScript behaviors that together form a single, cohesive component or section of a web page.

Within CDS, there is support for a number of component which vary in complexity. The full list of components is below.

Form components

These patterns are used in Forms

• Button
• Checkbox
• Combobox
• Text Input
• Listbox
• Radio Button
• Slider
• Switch

Scripted components

These components have functionality that relies on provided Javascript to work.

• Accordion (Disclosure)
• Alert
• Tooltip

Content components

These components redesign existing web content.

• Panel
• Table

Other components

• Breadcrumb