Controls
The controls every admin needs, as custom elements in the Light DOM with plain CSS. @xoong/controls depends only on @xoong/core, so it works with or without the rest.
import '@xoong/controls'; // registers every element; or import one: '@xoong/controls/tabs'<link rel="stylesheet" href="/@xoong/controls/controls.css"> <!-- optional; one @layer, uses the --xo-* tokens -->The controls
Tabs
The WAI-ARIA tabs pattern; panels stay in the form.
<xo-tabs>Menu and tooltip
A menu button in the top layer, choice menus, descriptions on hover and focus.
<xo-menu> · xo-tooltipCombobox and tags
Pick from a list you can filter, or type free tags. Both are form controls.
<xo-combobox> · <xo-tags>Carousel
Cards, banners, testimonials, galleries, on the platform's scroll snap.
<xo-carousel>Rich text
An accessible toolbar over a contenteditable area; the value is sanitised HTML.
<xo-richtext>Your own control
A form control of your own, built on XoControl.
XoControlStandard
Sizes, states and fields every control shares.
controls.cssAll controls
Every control on one page, in the demo frame.
demo