`<sp-checkbox>` allow users to select multiple items from a list of independent options, or to mark an individual option as selected.
published version 1.6.0, 6 days ago`sp-textfield` components are text boxes that allow users to input custom text entries with a keyboard. Various decorations can be displayed around the field to communicate the entry requirements.
published version 1.6.0, 6 days agoAn `<sp-dropdown>` is an alternative to HTML's `<select>` element. Use an `<sp-menu>` element to outline the options that will be made available to the user when interacting with the `<sp-dropdown>` element.
published version 0.10.1, 4 years agoAn `<sp-action-menu>` is an action button that triggers an overlay with `<sp-menu-items>` for activation. Use an `<sp-menu>` element to outline the items that will be made available to the user when interacting with the `<sp-action-menu>` element. By defa
published version 1.6.0, 6 days ago`@spectrum-web-components/bundle` is a master dependency that allows a project to import any and all of the Spectrum Web Components. While it is a great approach to prototyping, the fact that is versions all of the Spectrum Web Components packages collect
published version 1.6.0, 6 days ago`sp-tooltip` allow users to get contextual help or information about specific components when hovering or focusing on them.
published version 1.6.0, 6 days agoA `<sp-actionbar>` delivers a floating action bar that is a convenient way to deliver stateful actions in cases like selection mode. `<sp-actionbar>` can be deployed in two variants beyond the default: `[varient="fixed"]`, to position the element in relat
published version 0.6.1, 4 years agoThe `<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.
published version 1.6.0, 6 days agoAn `<sp-avatar>` is a great way to feature a visual representation of a user.
published version 1.6.0, 6 days agoAn `<sp-status-light>` is a great way to convey semantic meaning, such as statuses and categories.
published version 1.6.0, 6 days agoAn `<sp-circleloader>` shows the progression of a system operation such as downloading, uploading, processing, etc. in a visual way. It can represent determinate or indeterminate progress.
published version 0.1.6, 5 years ago`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.
published version 1.6.0, 6 days ago`sp-theme` applies a Spectrum theme by using CSS custom properties to set default sizes & colors for all of the components in its scope. The Spectrum design system provides four color themes (`lightest`, `light`, `dark`, and `darkest`) and two different s
published version 1.6.0, 6 days agoAn `<sp-overlay>` element is used to decorate content that you would like to present to your visitors as "overlaid" on the rest of the application. This includes dialogs (modal and not), pickers, tooltips, context menus, et al.
published version 1.6.0, 6 days ago`<sp-coachmark>` is a temporary message that educates users through new or unfamiliar product experiences. They can be chained into a sequence to form a tour.
published version 1.6.0, 6 days agoDeliver [Spectrum Workflow Icons](https://spectrum.adobe.com/page/icons/) as either:
published version 1.6.0, 6 days ago`sp-rule` bring clarity to a layout by grouping and dividing content in close proximity. They can also be used to establish rhythm and hierarchy.
published version 0.5.1, 4 years agoDeliver [Spectrum UI Icons](https://spectrum.adobe.com/page/icons/) as either:
published version 1.6.0, 6 days agoWeb component implementation of a Spectrum design Tags
published version 1.6.0, 6 days agoAn `<sp-underlay>` provides a visual layer between overlay content and the rest of your application. It is commonly used with modal dialogs and other overlay elements to create a visual separation and prevent interaction with the background content while
published version 1.6.0, 6 days ago`sp-dialog` displays important information that users need to acknowledge. They appear over the interface and block further interactions. When used directly the `sp-dialog` element surfaces a `slot` based API for deep customization of the content to be in
published version 1.6.0, 6 days ago`sp-button-group` delivers a set of buttons in horizontal or vertical orientation while ensuring the appropriate spacing between those buttons.
published version 1.6.0, 6 days agoAn `<sp-bar-loader>` shows the progression of a system operation such as downloading, uploading, processing, etc. in a visual way. It can represent determinate or indeterminate progress.
published version 0.4.1, 4 years agoAn `<sp-circle-loader>` shows the progression of a system operation such as downloading, uploading, processing, etc. in a visual way. It can represent determinate or indeterminate progress.
published version 0.5.0, 4 years agoThe `<sp-tabs>` displays a list of `<sp-tab>` element children as `role="tablist"`. An `<sp-tab>` element is associated with a sibling `<sp-tab-panel>` element via their `value` attribute. When an `<sp-tab>` element is `selected`, the associated `<sp-tab-
published version 1.6.0, 6 days ago
❤
