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

Filterable Input

Filterable Inputs are used to provide a list of options and allow the user to type to find the option they are looking for.

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