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

Link

Links are used to navigate a user to another page.

React Component LibraryComponent API

Documentation in progress

Variants

...
...
When to use this variant

Usage

Do

...

Don't

...

Layout

...
...
Description about layout structure

Content

© 2021 OpenGov