67 results for "maintainer:najikahalsema"

The SpectrumElement base class as created by mixing SpectrumMixin onto LitElement adopts dir values from the document at connection time with a fallback to lrt. In a TypeScript …

Updated February 22, 2022 by @hunterloftis

Shared mixins, tools, etc. that support developing Spectrum Web Components.

Updated February 22, 2022 by @hunterloftis

Extend either the Iconset or IconsetSVG exports of this package to supply your application with a custom icon set to power the use of <sp-icon> elements throughout. Give …

Updated February 22, 2022 by @hunterloftis

The <sp-icons-medium> and <sp-icons-large> elements that are included in this package supply your application with the Spectrum CSS Icons at both the medium and large …

Updated February 22, 2022 by @hunterloftis

ReactiveControllers for powering common UI patterns

Updated February 2, 2022 by @hunterloftis

`<sp-icon>` renders an icon to the page. By default the `name` attribute will pair with separately registered icon sets to deliver the icons. When not present, `<sp-icon>` will …

Updated February 22, 2022 by @hunterloftis

An `<sp-button>` represents an action a user can take. sp-buttons can be clicked or tapped to perform an action or to navigate to another page. sp-buttons in Spectrum have several …

Updated February 22, 2022 by @hunterloftis

Deliver [Spectrum UI Icons](https://spectrum.adobe.com/page/icons/) as either:

Updated February 22, 2022 by @hunterloftis

Deliver [Spectrum Workflow Icons](https://spectrum.adobe.com/page/icons/) as either:

Updated February 22, 2022 by @hunterloftis

`sp-theme` sets the rendering theme for all child components, and also sets a number of default sizes & colors for any child content. The Spectrum design system provides four …

Updated February 22, 2022 by @hunterloftis

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

Updated February 22, 2022 by @hunterloftis

Overlays in Spectrum Web Components are created via the `Overlay` class system, which prepares an "overlay stack" that can manage the deployment of one or more overlays onto a …

Updated February 22, 2022 by @hunterloftis

Web component implementation of a Spectrum design CloseButton

Updated February 22, 2022 by @hunterloftis

`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 …

Updated February 22, 2022 by @hunterloftis

An `<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>`. Often a `<sp-menu>` …

Updated February 22, 2022 by @hunterloftis

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 …

Updated February 22, 2022 by @hunterloftis

An `<sp-popover>` is used to display transient content (menus, options, additional actions etc.) and appears when clicking/tapping on a source (tools, buttons, etc.) It stands out …

Updated February 22, 2022 by @hunterloftis

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 …

Updated February 22, 2022 by @hunterloftis

An `<sp-picker>` is an alternative to HTML's `<select>` element. Use `<sp-menu-item>` elements to outline the options that will be made available to the user when interacting with …

Updated February 22, 2022 by @hunterloftis

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

Updated February 22, 2022 by @hunterloftis

`<sp-slider>` allows users to quickly select a value within a range. They should be used when the upper and lower bounds to the range are invariable.

Updated February 22, 2022 by @hunterloftis

Web component implementation of a Spectrum design HelpText

Updated February 22, 2022 by @hunterloftis

The `<sp-color-handle>` is used to select a colour on an `<sp-color-area>`, `<sp-color-slider>`, or `<sp-color-wheel>`. It functions similarly to the handle on an `<sp-slider>`.

Updated February 22, 2022 by @hunterloftis

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 …

Updated February 22, 2022 by @hunterloftis

`sp-action-group` delivers a set of action buttons in horizontal or vertical orientation while ensuring the appropriate spacing between those buttons. The `compact` attribute …

Updated February 22, 2022 by @hunterloftis