Editor search

Live variants

const theme = 'j3w1';
const mode = 'dark';
export { theme, mode };

<j3w1-editor-search id="example-editor-search-default"><section class="editor-search" aria-label="Search source"><label for="example-editor-search-default-editor-query">Find in source</label><input class="editor-search-control" id="example-editor-search-default-editor-query" type="search" data-query="" data-demo-focus-target=""><div class="editor-search-actions"><button class="editor-search-control" type="button" data-previous="">Previous match</button><button class="editor-search-control" type="button" data-next="">Next match</button></div><p role="status" data-search-status="">Enter text to search.</p><pre data-source="">const theme = 'j3w1';
const mode = 'dark';
export { theme, mode };</pre></section></j3w1-editor-search>

Install and register

Use the exact version. If npm publication is pending, install the release tarball from the installation guide.

npm install --save-exact @j3w1/ui@4.0.0

import '@j3w1/ui/tokens.css';
import '@j3w1/ui/styles/editor-search.css';
import '@j3w1/ui/register/editor-search';

Insert the maintained markup above after loading these imports. Its native children provide accessible names and form behavior; the empty custom tag alone does not create a control.

Vue SFC, React, Astro and plain HTML integration →

Copy the complete implementation

npx --package=@j3w1/ui@4.0.0 j3w1-ui copy editor-search --out ./vendor/j3w1/editor-search

The CLI verifies every file before writing and refuses overwrites. Serve the output over HTTP and open index.html. Keep its modules, CSS, tokens and licence notices together.

Public API

attributes

properties

methods

events

Dependencies and verification

Registered components: none. Style dependencies: none.

Package presence establishes an available implementation. Actual passes depend on the tested artifact and environment. Read specification execution evidence; read packed-consumer evidence; inspect the complete state matrix.

Full implementation manifest, API and token dependency closure

Canonical specification

const theme = 'j3w1';
const mode = 'dark';
export { theme, mode };

const theme = 'j3w1';
const mode = 'dark';
export { theme, mode };

const theme = 'j3w1';
const mode = 'dark';
export { theme, mode };

const theme = 'j3w1';
const mode = 'dark';
export { theme, mode };