FieldError
The FieldError component is used to display error messages for form fields.
Installation
Run the following command
npx vibes@latest add field-errorUsage
import { FieldError } from '@/vibes/soul/form/field-error';function Usage() { return ( <FieldError>You must accept the Terms & Conditions</FieldError> );}API Reference
FieldErrorProps
| Prop | Type | Default |
|---|---|---|
children* | ReactNode |
CSS Variables
This component supports various CSS variables for theming. Here's a comprehensive list.
:root { --field-error: var(--error);}