Components#

Find the component by the interface problem you are solving. The reference pages contain the copyable demos.

Data#

Tables, charts, and record views for displaying application data.

• Table: sortable, filterable tabular data with optional selection and settings.
• Data Detail: structured detail view for one record.
• Detail Card: compact record card.
• Card List: repeated cards backed by data.
• Pinboard: pinboard-style collection view.

Forms#

Schema-driven forms and the input controls that compose them.

• Json Form: schema-driven form rendering.
• Autocomplete: searchable option selection.
• Input Autofill: text input with suggestions or fill behavior.
• Input Slider: numeric input with slider interaction.
• Click Editable Input: inline editable text.
• Click Editable Textarea: inline editable long text.
• Click Editable Autocomplete: inline editable option selection.
• Click Editable Input Autofill: inline editable values with autofill behavior.
• Multi Checkbox: checkbox with more functionality.

Layout#

Application shell and page structure.

• Layout Sidebar: application layout with a resizable navigation sidebar.
• Tabs: tabbed content.
• Loading Screen: centered spinner with progress for application startup.
• Separator: horizontal or vertical divider with optional label.

Utilities#

Small helpers, feedback elements, and controllers.

• Toast: transient status messages.
• Localization: Simple localization for owc components.
• Tooltip: contextual hover or focus help.
• Icon Button: compact icon-only actions.
• File Upload: upload controls.
• Count Up: animated numeric display.
• Wave Controller: reactive controller documentation for wave-style state flows.

Internal components#

those components are not key features but rather components used inside of other components. some documentation exist but might not be finished.

• Table Info: summary metadata around table state or results.
• Table Mass Edit: bulk edits applied to selected table rows.
• Filter Builder: standalone table-style query rules.
• Card: generic card shell.