67 results for "maintainer:najikahalsema"

Web component implementation of a Spectrum design NumberField

Updated February 22, 2022 by @hunterloftis

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

Updated February 22, 2022 by @hunterloftis

`<sp-radio>` and `<sp-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.

Updated February 22, 2022 by @hunterloftis

An `<sp-underlay>` is used primarily in concert with elements similar to `<sp-dialog>` that lay over the rest of your page to deliver a blocking layer between those two contexts. …

Updated February 22, 2022 by @hunterloftis

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

Updated February 22, 2022 by @hunterloftis

An `<sp-field-group>` element is used to layout a group of fields, usually `<sp-checkbox>` elements. It can be leveraged for `vertical` or `horizontal` organization of the fields …

Updated February 22, 2022 by @hunterloftis

`@spectrum-web-components/bundle` is a master dependancy that allows a project to import any and all of the the Spectrum Web Components. While it is a great approach to …

Updated February 22, 2022 by @hunterloftis

Web component implementation of a Spectrum design Tray

Updated February 22, 2022 by @hunterloftis

`sp-divider` brings clarity to a layout by grouping and dividing content that exists in close proximity. It can also be used to establish rhythm and hierarchy.

Updated February 22, 2022 by @hunterloftis

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

Updated February 22, 2022 by @hunterloftis

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

Updated February 22, 2022 by @hunterloftis

Use an `<sp-asset>` element to visually represent a file, folder or image in your application. File and folder representations will center themselves horizontally and vertically …

Updated February 22, 2022 by @hunterloftis

`sp-button-group` delivers a set of buttons in horizontal or vertical orientation while ensuring the appropriate spacing between those buttons.

Updated February 22, 2022 by @hunterloftis

`<sp-quick-actions>` allow users to perform contextual actions when hovering or focusing on a specific component. They're shortcuts meant to make workflows more efficient. …

Updated February 22, 2022 by @hunterloftis

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

Updated February 22, 2022 by @hunterloftis

An `<sp-color-loupe>` shows the output color that would otherwise be covered by a cursor, stylus, or finger during color selection.

Updated February 22, 2022 by @hunterloftis

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.

Updated February 22, 2022 by @hunterloftis

A `<sp-action-bar>` delivers a floating action bar that is a convenient way to deliver stateful actions in cases like selection mode. `<sp-action-bar>` can be deployed in two …

Updated February 22, 2022 by @hunterloftis

Side navigation allows users to locate information and features within the UI. It can be used for either hierarchical or flat navigation, and gives the ability to group navigable …

Updated February 22, 2022 by @hunterloftis

Spectrum Web Components are a [`LitElement`](https://lit-element.polymer-project.org) powered web component library of patterns built ontop of the [Spectrum …

Updated February 22, 2022 by @hunterloftis

A `<sp-dropzone>` is an area on the screen into which an object can be dragged and dropped to accomplish a task. For example, a DropZone might be used in an upload workflow to …

Updated February 22, 2022 by @hunterloftis

An `sp-split-view` element delivers its first two direct child elements in a horizontal or vertical (`<sp-split-view vertical>`) orientation that distributes the available page …

Updated February 22, 2022 by @hunterloftis

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.

Updated February 22, 2022 by @hunterloftis

An `<sp-avatar>` is a great way to feature a visual representation of a user.

Updated February 22, 2022 by @hunterloftis

An `<sp-status-light>` is a great way to convey semantic meaning, such as statuses and categories.

Updated February 22, 2022 by @hunterloftis