# Zx — agent reference > Zx is the dependency-free, vanilla-JavaScript UI component library for ZeyOS business > applications. ES2022 modules, WAI-ARIA-accessible native controls, semantic `--zx-*` design > tokens (light/dark + cozy/compact), and lifecycle-safe components. Zero runtime dependencies. > This file is the single, complete reference a coding agent needs to build UI with Zx; each > component below is wrapped in `` markers so tools can extract a single > component's section (`website/docs.html` renders them as each component's Reference tab). ## Mental model Every visual component is an ES class extending `Component`, instantiated identically: ```js import { Table, Dialog, Toggle } from '/assets/zx.esm.js'; // or window.zx.* from zx.global.js const t = new Table(target, options); ``` - **`target`** — an `Element`, a selector string, or `null`. `null` means the component creates and **owns** its root element; retrieve it with `t.toElement()` (or `t.el`) and insert it. A non-null target is *enhanced in place* and restored on `destroy()`. - **Options** — a plain object; each component declares `static defaults`. Never mutate the passed object. - **Value/data** — set via constructor options and mutated via methods (`set`, `setData`, …); read via getters/methods (`.value`, `getValues()`, …). ## Events & lifecycle - Subscribe with `t.on('change', fn)` (alias `addEvent`), `t.once(...)`, or an `on` function **option** (`onchange`, `onrowclick`, …). Handlers receive a `CustomEvent`; read `event.detail` (always an object, e.g. `{ value, item }`). - Every `emit` also dispatches a **bubbling, composed** `zx-` `CustomEvent` on `t.el`, so `t.el.addEventListener('zx-change', …)` and event delegation work. - `t.destroy()` aborts all listeners (one AbortController), unregisters the element, and removes an owned root. `Component.from(el)` returns the component for a root element (replaces the legacy `el.retrieve('com')`). ## Entry points - ESM: `import { … } from '/assets/zx.esm.js'` (or `../src/index.js` in-repo, no build). - Global: `