Elix

High-quality web components

[Component Kitchen @ComponentK]

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 https://t.co/0jZTHyu4x5

[Elix @ElixElements]

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. https://t.co/pPvxMHwS8f

[Elix @ElixElements]

We’ve released Elix 12.0, which includes some deprecations to streamline our API a bit. https://t.co/nWhFNyu9fS

[Florian Hehlen @FlorianHehlen]

@brad_frost @davatron5000 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 https://t.co/w6eFtB4KGL

[Elix @ElixElements]

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.

[Elix @ElixElements]

We’ve updated the Elix web components to support the new ::part() and :state() selectors coming to CSS: https://t.co/LuNRYmuzjK. 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:

[Elix @ElixElements]

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 https://t.co/OoTbHJk7Cy).

[Elix @ElixElements]

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.” https://t.co/RNyJ7Qgbjw

[Serhii Kulykov 🇺🇦 @serhiikulykov]

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 @ElixElements]

@wolframkriesing Now we rely on CSS `:not(:defined) { visibility: hidden; }`, but we used to show the components ourselves: https://t.co/8YGb4saV9H

[Elix @ElixElements]

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. https://t.co/gkP9LLEZ6f

[Elix @ElixElements]

We’ve also added TypeScript declaration files for all our components and helpers. Thanks to @FlorianHehlen for the inspiration.

[Elix @ElixElements]

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: https://t.co/bMvIvaikb4

[Elix @ElixElements]

@cwattsss I’d almost completely forgotten that detail of desktop OS menus! I felt like something was missing, and finally figured it out. Oddly, flashing felt unnecessary on mobile, and in fact isn’t done by mobile OSes. So we do our best to only show the flashing when viewed on a desktop.

[Elix @ElixElements]

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. https://t.co/Lmeyto7p9g

[Elix @ElixElements]

@ComponentK Building components with this flexibility in mind means that it's easy to take a combo box base class we built for selecting items from a list, use an international-aware calendar to fill the role of the popup content, and get an dropdown date picker. https://t.co/BjpjvyhGW6

[Elix @ElixElements]

New in Elix 3.3: generic ComboBox and ListComboBox with auto-complete! https://t.co/Rbsukxt1E3

[Elix @ElixElements]

New in Elix 3.3: generic ComboBox and ListComboBox with auto-complete! https://t.co/Rbsukxt1E3