WidgetDuration
Source: client/lib/theme/vueda-tailwind/widgets/index.js
The root intentionally carries no chrome so form layout owns spacing.
Vue component: WidgetDuration
| Slot | Default classes | Description |
|---|---|---|
| root | The root intentionally carries no chrome so form layout owns spacing. | |
| inner | flex flex-row gap-2 flex-wrap | The inner row wraps duration segments when narrow columns run out of space. |
| innerItem | flex flex-col flex-grow gap-1 | Each duration segment stacks its label and control while sharing leftover width. |
| sign | flex flex-col gap-1 | The segment before the spinners that marks a negative duration, stacked like a unit segment. |
| signSymbol | flex flex-1 items-center text-base font-medium | The minus sign under the segment's label, centered in the height the spinners take. |
| unitLabel | text-xs text-muted-foreground | The visible unit label above each spinner, associated with that unit's input. |
root
The root intentionally carries no chrome so form layout owns spacing.
Source: client/lib/theme/vueda-tailwind/widgets/WidgetDuration.theme.js:17
inner
The inner row wraps duration segments when narrow columns run out of space.
Default classes:
flex flex-row gap-2 flex-wrap
Source: client/lib/theme/vueda-tailwind/widgets/WidgetDuration.theme.js:21
innerItem
Each duration segment stacks its label and control while sharing leftover width.
Default classes:
flex flex-col flex-grow gap-1
Source: client/lib/theme/vueda-tailwind/widgets/WidgetDuration.theme.js:25
sign
The segment before the spinners that marks a negative duration, stacked like a unit segment.
Default classes:
flex flex-col gap-1
Source: client/lib/theme/vueda-tailwind/widgets/WidgetDuration.theme.js:29
signSymbol
The minus sign under the segment's label, centered in the height the spinners take.
Default classes:
flex flex-1 items-center text-base font-medium
Source: client/lib/theme/vueda-tailwind/widgets/WidgetDuration.theme.js:33
unitLabel
The visible unit label above each spinner, associated with that unit's input.
Default classes:
text-xs text-muted-foreground
Source: client/lib/theme/vueda-tailwind/widgets/WidgetDuration.theme.js:37