Skip to content

form keys ​

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

Inline field sets ​

ComponentKindSlotsDescription
FieldSetManykey10Card shell for a repeated-value fieldset. See also: FieldSetStackedInline.root.
FieldSetRangekey8Card shell for paired lower and upper range fields, including nested-fieldset inset chrome.
FieldSetStackedInlinekey21Card shell for stacked inline rows, including nested-fieldset inset chrome.
FieldSetStackedInlineRowkey8Class hook for the unsaved-row Delete button. Tone, emphasis, and size come from the component; appearance comes from Button.
FieldSetTabularInlinekey27Class hook for the unsaved-row Delete button. Tone, emphasis, and size come from the component; appearance comes from Button.

Filters ​

ComponentKindSlotsDescription
FilterChipkey5Pill container. Primary tint at rest; destructive tint flags a value the server rejected.
FilterFieldFormkey2Submit row at the foot of the form. Apply alone (right-aligned) when adding; Remove + Apply split apart when editing an active filter.
FilterFormkey2Vertical form body inside a filter popover.
FilterGroupkey6Root wrapper. contents so it adds no box of its own: the teleported menu trigger and the chips strip flow as direct children of the list layout.
FilterMenukey3Back row that returns from the drill-in form to the field list.

Form feedback ​

ComponentKindSlotsDescription
FormMessagekey2Outer spacing for form-scope feedback.
FormModelkey8Root model-form wrapper.

Form layout ​

ComponentKindSlotsDescription
FormSectionkey3Section stack for a long-form group.
FormSectionTitlekey1Eyebrow heading text for a form section.
FormGridkey1Twelve-column field grid with data-col span hooks at the form breakpoint.
FormActionskey2Wrapping action row for submit, cancel, and secondary controls.
FormHiddenFeedbackkey9Compact wrapper for hidden-field feedback controls.

Confirmation ​

ComponentKindSlotsDescription
FieldWarningsListkey5Wrapper stacking each field's warning entry.
TypedConfirmFieldkey4Muted confirmation box that groups the label and input before a destructive action.