Skip to main content

Forms

Form contains local TextField and Select inputs and emits one registered action payload on submit. Fields remain inert until commit. The host owns saved drafts, authorization, persistence, server validation, and submission effects.

Charts and tables

Chart supports line, area, bar, horizontalBar, stackedBar, pie, donut, scatter, sparkline, and heatmap. Supply constrained row data and field keys; use showTable=true for a visible tabular alternative.
DataTable supports declared columns, locale-aware sorting and formatting, filtering, pagination, and mobile cards. Data and chart inputs have catalog budgets.

Images and galleries

Image and Markdown images share the same policy pipeline. Gallery supports a uniform grid, an ordered carousel, and a natural-ratio masonry layout. Grid uses cover thumbnails by default, carousel uses centered cover images in consistent frames, and fit="contain" can opt out of cropping. Every gallery opens the keyboard-accessible media viewer with the complete image contained. ImageComparison presents two matching images with Before and After labels and a keyboard-operable slider. Width, height, alt text, and captions improve layout stability and accessibility. Video, audio, arbitrary embeds, and model-provided SVG are not supported.

Math and Mermaid

Math renders KaTeX from a bounded expression and supports inline or display presentation. Diagram renders Mermaid with strict settings and sanitizes the resulting SVG. It requires a title and description.
Neither feature enables arbitrary HTML, JavaScript, CSS, imports, or network definitions. See core components for the complete catalog list.