We've released Elix 15.0: mostly a clean-up release, but also supports the new CSS :--state syntax. E.g., you can style an elix-carousel's dots to look like flowers github.com/elix/elix/release…
ALT Photo carousel showing a bunny with a little flower icon indicating the selected image
We've released Elix 14.1, which includes reworking the accessibility and microinteractions on components in the dropdown list, combo box, and menu button families. github.com/elix/elix/release…
Take a look at @ElixElements components. It's goal is exactly to solve the missing semantics(design patterns) problem while providing quality apis and accessibility completeness found in core HTML. Look at expandable section for example component.kitchen/elix
We’ve updated the Elix web components to support the new ::part() and :state() selectors coming to CSS: component.kitchen/elix/custo…. The minimalist Elix Carousel has a number of internal parts in its shadow DOM where, by design, they can’t accidentally be styled with page CSS:
The result has all the original's fundamentals: touch/trackpad gestures, full keyboard support, ARIA screen reader support, localization (for RTL languages), no build required, no dependencies, framework-agnostic, dependable DOM experience (checklist at github.com/webcomponents/gol…).
Being able to style web components in plain CSS may turn out to be their most compelling feature — the one that will differentiate them from the mess of non-standard concepts and tooling required to style components in proprietary frameworks.
Positive GitHub issues are rare, but today, about Elix: “great array of mixins… es6 modules (that works in the browser), not having a build step, not dependent on astronomical number of packages, not using elaborate styles and themes… just beautiful.” github.com/elix/elix/issues/…
Elix is one of the web component libraries we should learn from.
And formdata event is indeed a nice feature allowing Custom Elements to be used in <form>
Elix 6.0.3 adds something we’ve looked forward to doing for a long time: add swipe commands to lists in web apps! Supports touch on mobile, trackpad on desktop, coexists with keyboard/accessible list items. component.kitchen/elix/Swipe…
We’ve created Quick Start projects for anyone who wants to see a high-quality, general-purpose web component running in the context of a plain JS, React, or TypeScript project: github.com/elix/elix#quick-s…
We’ve released Elix 5.0. That includes a substantial rewrite of focus handling so that we can restore support for default browser behavior, like drag-and-drop of images from a carousel. github.com/elix/elix/release…
We are excited to partner with @ComponentK to provide insights & implementation support for #PWAs and the web technologies that make them possible. cc @ElixElements#WebComponents
Thanks a lot! @ElixElements look really good, and I love how a lot of the code is shared across all the elements... I began working on this 6 months ago, when these components didn't exist yet, I'll definitely have an in-depth look!
I'd recommend taking a look at the @ElixElements project, they've done some great work with carousel's and similar elements using vanilla web components: elix.org/documentation/Slidi…