Component Kitchen

Web component experts

[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

[Component Kitchen @ComponentK]

Building a @storybookjs -like demo browser with #webcomponents — a much simpler way to get most of the benefits https://t.co/rjzABIBO0b

[Component Kitchen @ComponentK]

We’ve released @ElixElements 14.0: a substantial reworking for components like FilterListBox that let users navigate a subset of items; `value` properties that behave like the ones in native HTML; plus smashedeventnames with no spaces just like native HTML elements!

[Component Kitchen @ComponentK]

The new @ElixElements 13.0 release includes support for multi-select list boxes. This required work to separate the concepts of an active item and a selected item. https://t.co/veXokaHl2N

[Component Kitchen @ComponentK]

We’ve released @ElixElements 12.1, with a new base class for your spin box-type components. Add units, custom numeric representation, design system, whatever you need. All docs now also include a nice diagram of a component’s class/mixin construction. https://t.co/pLxQxo5vkY

[Component Kitchen @ComponentK]

The common pattern to have JS module automatically register #webcomponents has problems. @ElixElements now come in auto- and manually-registered flavors to give you more control, including loading of multiple component versions on the same page. https://t.co/DvyKBSM4un

[Component Kitchen @ComponentK]

Web component APIs often expose internal framework methods/properties, which seems like asking for trouble. To create web components as solid as native HTML elements, @ElixElements 7.0 now hides all internal members behind symbols instead of string names. https://t.co/ycgAbVs9Z9

[Component Kitchen @ComponentK]

A great background article on support forms in custom elements: https://t.co/jKC6f23wxf

[Component Kitchen @ComponentK]

Look at that: All the custom elements in @ElixElement 6.0.6 now support the upcoming standard for use in HTML forms! A new mixin makes this feature easy to add to other elements. Demo: open https://t.co/ZMAq7CpGJV in Chrome/Edge Canary.

[Component Kitchen @ComponentK]

Vertical carousel

[Component Kitchen @ComponentK]

Customized drawer

[Component Kitchen @ComponentK]

Vertical drawer with grip

[Component Kitchen @ComponentK]

@ElixElements 6.0.5 released w/ vertical drawers, plus drawers with grip handles so users know the drawer is there. One of the demos shows how components can be customized beyond what’s possible in CSS. https://t.co/9cMj8AzeqS

[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

[Component Kitchen @ComponentK]

Should the Elix project maintain React versions of its general-purpose, high quality UI components? https://t.co/0Q7cOOFkaC

[Component Kitchen @ComponentK]

We’ve released @ElixElements 6.0, which replaces a proprietary DOM update system with using the DOM API more directly. A small recalc engine designed for web components makes it work. Many thanks to @Rich_Harris for his talk on Svelte which inspired that. https://t.co/f6ljkeaxel

[Component Kitchen @ComponentK]

@ElixElements Because Elix components are designed to be recombined, even unexpected combinations — like putting a carousel inside a combo box — can work. https://t.co/BuXs3S5xqW

[Component Kitchen @ComponentK]

The new release of @ElixElements 4.0.0 includes new interactive calendar components, new mixins for basic component tasks, and new customization facilities. https://t.co/HA886ejnI0

[Component Kitchen @ComponentK]

@mjleitch @ElixElements No such mixin, and I’d need to be convinced a mixin is necessary, but we should have a ToggleButton base class that derives from Button. Would prob. define the state as button's `value`. Will try to get to it, or would welcome PR. DM if you’d like to follow up.

[Component Kitchen @ComponentK]

Building great combo box #webcomponents is so much trickier than you'd think! Keyboard focus, mobile on-screen keyboards, and auto-complete all present surprises or significant challenges. https://t.co/wkVQrAzaRg