element-library

IMPORTANT: The elements are work in progress and subject to major (& breaking) changes until the 1.0 release. Until then, we would encourage everyone to use pinned versions for any package and not rely on semantic versioning.

A set of web components built with @webtides/element-js

Introduction

@webtides/element-library provides a set of pre-built custom elements based on @webtides/element-js with performance and accessibility in mind. They provide a starting point for rapidly building UIs without having to re-implement the same elements over and over again.

Demo

See our live Storybook to preview examples of all our elements.

Elements

Elements are divided into 3 categories.

Interactions

Package	Description	Version
accordion-element	Single Accordion element	0.1.0
accordion-group	Accordion group to hold multiple elements	0.1.0
carousel-element	A carousel element that wraps the glide.js library for sliding elements	0.1.1
dropdown-element	A dropdown element	0.1.0
slider-element	CSS only slider element to slide child elements	0.4.3
transition-classes	An element that applies classes for various stages of a transition	0.1.0
tab-group	A tab group wraps a list of tab-links and tab-panels and shows one at a time	0.1.0
tab-link	A link that serves as a label for one of the tab panels to display that panel	0.1.0
tab-panel	The element that contains the content associated with a tab	0.1.0

Elements

Package	Description	Version
lazy-src		0.2.0
scroll-to		0.1.0
scroll-to-top		0.1.0
sticky-element		0.2.0
svg-use		0.1.0

Form Fields

Package	Description	Version
checkbox-field		0.1.1
form-field		0.1.0
input-field		0.1.0
textarea-field		0.1.0

Contributing & Development

For contributions and development see contributing docs

License

@webtides/element-library is open-sourced software licensed under the MIT license.