0 Tk

FieldGroup

FieldGroup

Group fields together in a list.

Usage

The FieldGroup component provides the following functionality:

validate (path?: string, opts: { silent?: boolean }) -> Promise

Triggers form validation. Will raise any errors unless opts.silent is set to true.

clear (path?: string) -> void

Clears form errors associated with a specific path. If no path is provided, clears all form errors.

getErrors (path?: string) -> FormError[]

Retrieves form errors associated with a specific path. If no path is provided, returns all form errors.

setErrors (errors: FormError[], path?: string) -> void

Sets form errors for a given path. If no path is provided, overrides all errors.

errors -> Ref<FormError[]>

A reference to the array containing validation errors. Use this to access or manipulate the error information.

Config

{
  wrapper: 'mt-5 space-y-5 divide-y divide-gray-200 dark:divide-gray-800 [&>div]:pt-5 [&>div:first-child]:pt-0 [&>div:first-child]:mt-0'
}

Previous: Field | Next: Shortcut