widgets keys
Source file: client/lib/theme/vueda-tailwind/widgets/index.js
Selection widgets
| Component | Kind | Slots | Description |
|---|---|---|---|
| WidgetCheckbox | key | 4 | The outer row aligns the checkbox control with its label chrome. |
| WidgetCombobox | key | 1 | The trigger uses the input-shell recipe for searchable pickers. |
| WidgetDuration | key | 6 | The root intentionally carries no chrome so form layout owns spacing. |
Date and time widgets
| Component | Kind | Slots | Description |
|---|---|---|---|
| WidgetDateField | key | 5 | Pass-through hook for the segment shell. The shell recipe lives on DateField.root. |
| WidgetDateRangeField | key | 6 | Pass-through hook for the segment shell. The shell recipe lives on DateRangeField.root. |
| WidgetTimeRangeField | key | 4 | The row holding both bounds and the separator. Without it the two shells are block-level and stack, so a time range reads as two unrelated fields. |
Fallback
| Component | Kind | Slots | Description |
|---|---|---|---|
| WidgetUnmapped | key | 1 | The diagnostic block. Reads as a destructive notice at supporting-text size so it sits inside a field's content column without impersonating a control. The edge is a hairline, matching Alert.root, because a saturated 1px border fringes at integer DPR. |
File and media widgets
| Component | Kind | Slots | Description |
|---|---|---|---|
| WidgetFile | key | 5 | The root stays transparent so the field shell provides the surface. |
Autocomplete widgets
| Component | Kind | Slots | Description |
|---|---|---|---|
| WidgetGenericAutoComplete | key | 4 | The root remains unstyled so the widget can sit inside any form shell. |
Rich content widgets
| Component | Kind | Slots | Description |
|---|---|---|---|
| WidgetHtml | key | 6 | The root adds no spacing so form composition controls the editor block. |
| WidgetImage | key | 3 | The root is transparent so image widgets inherit the surrounding field rhythm. |
| WidgetJson | key | 2 | Bordered control surface that mirrors textarea invalid and disabled states. |
Read-only and labels
| Component | Kind | Slots | Description |
|---|---|---|---|
| WidgetReadOnly | key | 10 | The root has no chrome because read-mode rows are owned by the field shell. |
| WidgetLabel | key | 5 | The root grid pairs label text with feedback actions above the control. |
Template widgets
| Component | Kind | Slots | Description |
|---|---|---|---|
| WidgetPreviewableTemplate | key | 7 | The root adds no chrome so the surrounding form section owns spacing. |
| WidgetTemplateLegend | key | 3 | The root stays unstyled so the legend can be embedded beside any template widget. |