WidgetCheckbox
Source: client/lib/theme/vueda-tailwind/widgets/index.js
The outer row aligns the checkbox control with its label chrome.
Vue component: WidgetCheckbox
| Slot | Default classes | Description |
|---|---|---|
| root | ml-2 flex flex-row grow items-baseline | The outer row aligns the checkbox control with its label chrome. |
| inner | flex flex-row grow items-baseline | The inner row lets the control and label share the available width. |
| input | min-w-min grow-0 shrink-0 | The checkbox input keeps its intrinsic width instead of stretching. |
| themeOverride | Local label overrides make WidgetLabel read as a toggle row. |
root
The outer row aligns the checkbox control with its label chrome.
Default classes:
ml-2 flex flex-row grow items-baseline
Source: client/lib/theme/vueda-tailwind/widgets/WidgetCheckbox.theme.js:17
inner
The inner row lets the control and label share the available width.
Default classes:
flex flex-row grow items-baseline
Source: client/lib/theme/vueda-tailwind/widgets/WidgetCheckbox.theme.js:21
input
The checkbox input keeps its intrinsic width instead of stretching.
Default classes:
min-w-min grow-0 shrink-0
Source: client/lib/theme/vueda-tailwind/widgets/WidgetCheckbox.theme.js:25
themeOverride
Local label overrides make WidgetLabel read as a toggle row.
Source: client/lib/theme/vueda-tailwind/widgets/WidgetCheckbox.theme.js:29