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
@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.
See our live Storybook to preview examples of all our elements.
Elements are divided into 3 categories.
| 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 |
| 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 |
| Package | Description | Version |
|---|---|---|
| checkbox-field | 0.1.1 |
|
| form-field | 0.1.0 |
|
| input-field | 0.1.0 |
|
| textarea-field | 0.1.0 |
For contributions and development see contributing docs
@webtides/element-library is open-sourced software licensed under the MIT license.