FieldError | RiseUI

Validation error messages for form fields with danger styling and dynamic content — aligned with @heroui/react FieldError and field-error.css.

Usage

Simple error line under a field.

const RiseFieldError(
  visible: true,
  child: Text('Username must be at least 3 characters'),
)

Visibility

Toggle data-visible: collapse and expand with motion (Hero field-error.css).

RiseFieldError(
  visible: _showError,
  child: const Text('This field has a validation error.'),
)

Basic validation

Conditional invalid state with message.

RiseFieldError(
  visible: isInvalid,
  child: const Text('Username must be at least 3 characters'),
)

With dynamic message

Message content changes with input value.

RiseFieldError(
  visible: errors.isNotEmpty,
  child: Text(errors.join(', ')),
)

Multiple messages

Render multiple validation errors.

RiseFieldError(
  visible: show,
  child: Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [for (final e in errors) Text('- $e')],
  ),
)