npm

elix

High-quality web components for common user interface patterns

hf-npmtest-1

Test for publishing programmatically to npm

hf-npmtest-2

Test for publishing programmatically to npm

hf-npmtest-3

Test for publishing programmatically to npm

hf-npmtest-4

Test for publishing programmatically to npm

basic-arrow-selection

Mixin used to add prominent left and right arrow buttons to a wrapped child. Clicking the left/right buttons selects the previous/next item.

basic-autosize-textarea

A text area that makes itself big enough to show its content.

basic-carousel

Lets the user navigate laterally through a sequence of child elements.

basic-component-mixins

Mixins for creating web components in plain JavaScript.

basic-element-base

A sample general-purpose base class for defining custom elements that mixes in some common features: template stamping into a shadow root, automatic node finding, and marshalling between attributes and properties.

basic-list-box

A single-selection list box that supports selection highlighting (using the system highlight color) and keyboard navigation.

basic-page-dots

Presents a set of small dots to show list item count and select list items. There will be one dot for each item, and the dot for the currently selected item will be shown selected.

basic-sliding-viewport

Presents list items in a viewport such that only a single item is visible at a time. Navigating between items will be represented with a horizontal visual sliding effect.

basic-spread-items

Spreads out a set of items horizontally so they take equal space.

basic-modes

Shows exactly one child element at a time.

basic-collapsible-panel

A panel which can be collapsed/expanded with an animated transition.

basic-fade-overflow

Fades out content that overflows so the user knows there's more.

basic-current-anchor

An anchor (link) that highlights itself when its destination matches the current location.

basic-wrapped-standard-element

Wraps a standard HTML element so that the standard behavior can then be extended.

basic-tab-strip

A strip of tabs for selecting one of the component's children.

basic-tabs

A set of pages with a tab strip governing which page is shown.

basic-animation-stage

A panel that shows animated transitions between selection states.

basic-slideshow

Slideshow with animated transitions

basic-play-controls

Controls for managing playback of a slideshow, audio playlist, etc.

basic-slideshow-timer

Auxiliary component to advance a selection with a timer