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

Illustration

Illustrations are used to add visual appeal and delight to an interface.

React Component LibraryComponent API

Please visit the Illustration page for more information on using the Illustration component.

Documentation in progress-----------------

Variations

© 2021 OpenGov