Adobe Packages

The Spectrum CSS well component

The `<sp-search>` element delivers a single input field with a "reset" button as well as a mangifying glass icon with which to power search interactions.

An `<sp-card>` represents a rectangular card that contains a variety of text and image layouts. Cards are typically used to encapsulate units of a data set, such as a gallery of image/caption pairs.

`<sp-tooltip>` allow users to get contextual help or information about specific components when hovering or focusing on them.

An `<sp-action-button>` represents an action a user can take.

The Spectrum CSS action button component

An `<sp-field-label>` provides accessible labelling for form elements. Use the `for` attribute to outline the `id` of an element in the same DOM tree to which it should associate itself. Field labels give context to information that a user needs to input

`<sp-radio>` and [`<sp-radio-group>`](../radio-group) allow users to select a single option from a list of mutually exclusive options. All possible options are exposed up front for users to compare.

An `<sp-link>` allow users to navigate to a different location. They can be presented in-line inside a paragraph or as a standalone text.

An `<sp-switch>` is used to turn an option on or off. Switches allow users to select the state of a single option at a time. Use a switch rather than a checkbox when activating (or deactivating) an option, instead of selecting.

`<sp-checkbox>` allow users to select multiple items from a list of independent options, or to mark an individual option as selected.

The Spectrum CSS checkbox component

The Spectrum CSS buttongroup component

The Spectrum CSS fieldlabel component

The Spectrum CSS dialog component

`<sp-toast>` elements display brief, temporary notifications. They are noticeable but do not disrupt the user experience and do not require an action to be taken.

The Spectrum CSS toast component

The Spectrum CSS actionbar component

The Spectrum CSS fieldgroup component

The Spectrum CSS asset component