Widgets
Widgets are components that render user interface elements and visualizations.
They are used to display data, expose controls, and capture user interaction within browser-based apps.
Widgets are the only components that can:
- Render visual output on screen
- Capture user input and interaction (clicks, selection, scrolling, gestures)
- Emit interaction-driven events back into the dataflow
Widget references focus on rendering behavior, supported data formats, interaction semantics, and configuration options, rather than layout or styling guidance.
🗃️ Charts
7 items
🗃️ Tables
3 items
📄️ Button
Renders a clickable button that emits events when clicked or triggered.
📄️ Calendar
Displays calendar and lets the user select a date.
📄️ Card
An SVG icon that can be used as a button.
📄️ Code Editor
A versatile text and code editor that you can embed in your app.
📄️ Entity Browser
Provides a generic entity browser/picker/selector in a folder-like structure (similar to a common file browser).
📄️ Form
Generates dynamic HTML forms from JSON schemas with customizable styling and validation.
📄️ List
List widget displays a list of items with one or many numeric properties. Numeric values are overlaid over the item names as colored bars, effectively creating a nice scrollable bar chart.
📄️ Log
Records all incoming events and outputs a text/JSON representation of each event or signal with its timestamp. It is often used for tracing events on one or many streams.
📄️ Message Input
Enabling users to input and submit short text messages, attachments, and options in chat and similar applications.
📄️ Metric Card
Displays a list of metrics with labels, change over a time period, and a sparkline chart.
📄️ Multi Select
Use Multi Select widget for choosing multiple items in a list.
📄️ Navbar
Navbars present useful navigation controls usually at the top of an application.
📄️ Property List
Displays a list of name-value pairs as a simple two-column table. Its used for displaying properties of an object or an arbitrary list of name/value pairs.
📄️ Text
Renders rich HTML text from Markdown formatted input.