Skip to content

WidgetDuration

Source: client/lib/theme/vueda-tailwind/widgets/index.js

The root intentionally carries no chrome so form layout owns spacing.

Vue component: WidgetDuration

SlotDefault classesDescription
rootThe root intentionally carries no chrome so form layout owns spacing.
innerflex flex-row gap-2 flex-wrapThe inner row wraps duration segments when narrow columns run out of space.
innerItemflex flex-col flex-growEach duration segment stacks its label and control while sharing leftover width.

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

Source: client/lib/theme/vueda-tailwind/widgets/WidgetDuration.theme.js:25

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2