Skip to content

UI components ​

@mndw/ui provides framework-agnostic custom elements and shared styles for plugin interfaces. The host registers the elements, so plugins can use their tags directly.

For framework integrations, see Shared UI components.

<mndw-button>

variant="primary", "secondary", "ghost", or "danger"; type="button", "submit", or "reset".

<mndw-icon>

Renders one Lucide symbol from the shared sprite; name and label; host supplies iconSpriteUrl.

<mndw-checkbox>

Emits mndwchange; form-associated with name, value, required, and invalid.

<mndw-switch>

role="switch" on the host; immediate-effect toggle. Emits mndwchange.

<mndw-input>

Native inner <input> with delegated focus. Emits mndwinput and mndwchange.

<mndw-textarea>

Native inner <textarea>; rows sizing with opt-in autosize. Same events.

<mndw-field>

Light-DOM label/hint/error wrapper for a single control. Renders no shadow root.

<mndw-select>

Slotted <mndw-option> children. Emits mndwchange.

<mndw-segmented>

role="radiogroup" with slotted <mndw-segment> children. Emits mndwchange.

<mndw-slider>

role="slider" on the host; numeric range with pointer drag. Emits mndwinput and mndwchange.

<mndw-tabs>

Container owning an internal tablist, the active value, and its children's ARIA. Emits mndwchange.

<mndw-tooltip>

Describes its first slotted element on hover and focus. Not form-associated.

<mndw-scroll-area>

Native viewport with an always-visible bespoke scrollbar when content overflows.

<mndw-table>

Framework-neutral data table; columns/rows as properties, controlled sort/selection/visibility, custom light-DOM cell renderers.

<mndw-line-chart>

Timestamped multi-series line/area chart; data is assigned through properties.

<mndw-bar-chart>

Timestamped positional bar chart; data is assigned through properties.

<mndw-sparkline>

Compact percentage bar chart; data is assigned through points.

<mndw-heat-strip>

Compact utilization heat strip; data is assigned through points.

CSS classes

Global layout, status, form, and table styles for consistent pages.

Built from the mndw repository documentation.