Introduction

XO Web Components is a tiny Web Components package. Currently, it holds these LitElement built web components.

Controls

• Checkbox
• CheckGroup
• Dialog
• FileDrop
• Info
• RadioGroup
• Select
• Switch
• Tags
• Theme

Setup

Install the package:

npm i xo-webcomponents

Importing

To import all web controls in the package, use:

import controls from 'xo-webcomponents';

To reference individual components, so you don't add more than strictly necessary to your bundle:

import Switch  from 'xo-webcomponents/dist/Switch';
import RadioGroup  from 'xo-webcomponents/dist/RadioGroup';
import FileDrop  from 'xo-webcomponents/dist/FileDrop';

See also: XO Form, a tiny web component aware web form generator that uses declarative syntax to run complex data-bound forms.