Skip to content

FilterFieldForm โ€‹

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

Submit row at the foot of the form. Apply alone (right-aligned) when adding; Remove + Apply split apart when editing an active filter.

Vue component: FilterFieldForm

SlotDefault classesDescription
actionscallbackSubmit row at the foot of the form. Apply alone (right-aligned) when adding; Remove + Apply split apart when editing an active filter.
removetext-destructiveRemove control, shown only when editing an active filter; destructive text since it discards the filter.

actions โ€‹

Submit row at the foot of the form. Apply alone (right-aligned) when adding; Remove + Apply split apart when editing an active filter.

Callback:

javascript
({ showRemove }) => ["mt-1 flex items-center gap-2", showRemove ? "justify-between" : "justify-end"]

Source: client/lib/theme/vueda-tailwind/form/FilterFieldForm.theme.js:19

remove โ€‹

Remove control, shown only when editing an active filter; destructive text since it discards the filter.

Default classes:

text-destructive

Source: client/lib/theme/vueda-tailwind/form/FilterFieldForm.theme.js:23

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