Accordion Alert App Bar Avatar Badge Bar Chart Bottom Sheet Breadcrumbs Button Calendar Card Checkbox Chip Close Button Control Field Date Field Date Picker Date Range Picker Description Dialog Drop Down Field Error Hover Kbd Label Line Chart Link Button List Group Menu Number Field Number Stepper Number Value Popover Pressable Feedback Progress Bar Progress Button Progress Circle Radio Button Group Radio Group Range Calendar Rating Scroll Shadow Search Field Select Separator Sidebar Skeleton Slide Button Slider Social Auth Button Spinner Split View Status Tag Stepper Surface Swipe Action Switch Tabs Tag Tag Group Text Area Text Field Text Field Group Text Field OTP Text Field OTP Group Time Picker Toast Toggle Button Toggle Button Group Tooltip Trend Chip Widget

Field Error

Live preview and documentation for the Field Error component.

About

Error message that appears below a form field when its value is invalid. It's the sibling of Description, sharing the same layout and typography, only the color changes.

Takes only the text (KasyFieldError('text')), no other props.
Fixed style: HeroUI "Body xs" (12/16, weight 400), error color.
KasyTextField already renders its own error internally; use this component when building a custom field from scratch.

Preview

Loading the component…

Last updated on 11/03/2026

Drop Down

Live preview and documentation for the Drop Down component.

Hover

Live preview and documentation for the Hover component.

Field Error

AboutCopy Anchor Link

PreviewCopy Anchor Link

On this page

About

Preview