OpenGov IconCapital Design System
  • Overview
  • Styles
  • Components
  • Patterns  Coming soon
  • Foundations
  • Badge
  • ColorSwatch
  • Description
  • Divider
  • Error
  • Header
  • Icon
  • Illustration
  • Key
  • Label
  • Loading Block
  • Loading Spinner
  • Text
  • Tooltip
  • Actions & Controls
  • BlockList
  • Breadcrumb
  • Button
  • Button Group
  • Card
  • Dropdown
  • Footprint Button
  • Image Card
  • Link
  • Pill
  • Reorderable Block List
  • Tabs
  • Forms
  • Character Counter
  • Checkbox
  • Filterable Input
  • Form Item
  • Input
  • Input Group
  • Radio Button
  • Select
  • Switch
  • TextArea
  • Structures
  • Accordion Wizard
  • Content Block
  • Dialog
  • List Table
  • Modal
  • Sidebar
  • Toast
  • Wizard
  • Visualizations
  • Axis
  • Legend
  • Line Chart
  • Pie Chart
  • Stacked Bar Chart
  • Target Status
  • Chart Tooltip
  • White Label
  • BrandFooter
  • Foundations
  • Badge
  • ColorSwatch
  • Description
  • Divider
  • Error
  • Header
  • Icon
  • Illustration
  • Key
  • Label
  • Loading Block
  • Loading Spinner
  • Text
  • Tooltip
  • Actions & Controls
  • BlockList
  • Breadcrumb
  • Button
  • Button Group
  • Card
  • Dropdown
  • Footprint Button
  • Image Card
  • Link
  • Pill
  • Reorderable Block List
  • Tabs
  • Forms
  • Character Counter
  • Checkbox
  • Filterable Input
  • Form Item
  • Input
  • Input Group
  • Radio Button
  • Select
  • Switch
  • TextArea
  • Structures
  • Accordion Wizard
  • Content Block
  • Dialog
  • List Table
  • Modal
  • Sidebar
  • Toast
  • Wizard
  • Visualizations
  • Axis
  • Legend
  • Line Chart
  • Pie Chart
  • Stacked Bar Chart
  • Target Status
  • Chart Tooltip
  • White Label
  • BrandFooter

Error

Errors are used to provide error messaging paired with form fields.

React Component LibraryComponent API

Please visit the Typography page for more information on using the Error component.

Documentation in process----------------

Variations

This is how an error will be displayed.

Error Message
© 2021 OpenGov