Skip to main content
Elastic UI
Elastic UI
DocumentationPatternsContentData visualization
EUI ChangelogGitHubFigma
  • Introduction
  • Guidelines
    • Getting started
    • Testing
  • Components
    • Templates
      • Super date picker
    • Layout
      • Accordion
      • Bottom bar
      • Flex
      • Flyout
      • Header
      • Horizontal rule
      • Modal
      • Page header
      • Panel
      • Popover
      • Resizable container
      • Spacer
    • Navigation
      • Breadcrumbs
      • Button
      • Collapsible nav
      • combo_box
      • Context menu
      • Facet
      • Key pad menu
      • Link
      • Pagination
      • Side nav
      • Steps
      • Tabs
      • Tree view
    • Display
      • Aspect ratio
      • Avatar
      • Badge
      • Callout
      • Card
      • Comment list
      • Description list
      • Drag and drop
      • Empty prompt
      • Health
      • Image
      • List group
      • Loading
      • Progress
      • Skeleton
      • Stat
      • Text
      • Timeline
      • Title
      • Toast
      • Tooltip
      • Tour
    • Forms
      • Form controls
      • Selection controls
      • Form layouts
      • Compressed forms
      • Form validation
      • Auto refresh
      • Color selection
      • Combo box
      • Date picker
      • Expression
      • Filter group
      • Inline edit
      • Range sliders
      • Search bar
      • Selectable
      • Super select
  • content
  • data_visualization
  • EUI Docgen output demo
  • patterns
  • EUI
  • Components
  • Forms
  • Form validation

Form validation

Validation is achieved by applying isInvalid and optionally error props onto the EuiForm or EuiFormRow components. Errors are optional and are passed as an array in case you need to list more than one. You can also hide the callout by passing invalidCallout="none"

Edit this page
Previous
Compressed forms
Next
Auto refresh
EUI is dual-licensed under Elastic License 2.0 and Server Side Public License, v 1 | Crafted with ❤ by Elastic