westbrook
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.
published 0.42.2 22 days agoThe `<sp-tab-list>` component contains set of tab-item elements. This is typically used as the interface for controlling a set of layered sections of content that display one panel of content at a time
published 0.3.11 4 years agoThe `<sp-tab>` component is intended to be the child of an `<sp-tab-list>` element and accepts both a `label` attribute and a `[slot="icon"]` child to define its contents. Those contents can be further customized with the `vertical` attribute which stacks
published 0.3.10 4 years agoAn **sp-theme** sets the rendering theme for all child components. The Spectrum design system supports four color themes and two different scales. `spectrum-web-components` currently supports two of the four color themes (dark and light) one one of the sc
published 0.2.3 4 years agoAn `<sp-menu />` is used for creating a menu list. The various elements inside a menu are given as `<sp-menu-group/>`, `<sp-menu-item />`, or `<sp-menu-divider />`.
published 0.5.4 4 years ago`<sp-checkbox>` allow users to select multiple items from a list of independent options, or to mark an individual option as selected.
published 0.42.2 22 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 0.42.2 22 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 0.10.1 3 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 0.42.2 22 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 0.42.2 22 days ago`sp-tooltip` allow users to get contextual help or information about specific components when hovering or focusing on them.
published 0.42.2 22 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 0.6.1 3 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 0.42.2 22 days agoAn `<sp-avatar>` is a great way to feature a visual representation of a user.
published 0.42.2 22 days agoAn `<sp-status-light>` is a great way to convey semantic meaning, such as statuses and categories.
published 0.42.2 22 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 0.1.6 4 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 0.42.2 22 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 0.42.2 22 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 0.42.2 22 days agoA prebuilt storybook version for web components
published 1.5.2 4 years 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 0.42.2 22 days agoDeliver [Spectrum Workflow Icons](https://spectrum.adobe.com/page/icons/) as either:
published 0.42.2 22 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 0.5.1 3 years agoDeliver [Spectrum UI Icons](https://spectrum.adobe.com/page/icons/) as either:
published 0.42.2 22 days agoWeb component implementation of a Spectrum design Tags
published 0.42.2 22 days ago
