GuidesGuidesComponentsComponentsFoundationsFoundationsRaccoonRaccoonAPI ReferenceAPI Reference
GitHubGitHub (opens in a new tab)
  • All Components
  • AccessibleIcon
    • API Reference
  • Alert
    • API Reference
    • Best Practices
  • Bleed
    • API Reference
  • Button
    • API Reference
    • Best Practices
  • Center
    • API Reference
  • Checkbox
    • API Reference
    • Best Practices
  • CheckboxGroup
    • API Reference
  • Clickable
    • API Reference
  • ClickableBubble
    • API Reference
    • API Reference
    • API Reference
    • API Reference
  • ComboboxItem
    • API Reference
  • ComboboxList
    • API Reference
  • ComboboxPopover
    • API Reference
  • Composable
    • API Reference
  • Compose
    • API Reference
  • Container
    • API Reference
  • Content
    • API Reference
  • ContextualHelp
    • API Reference
    • API Reference
    • Best Practices
  • Field
    • API Reference
    • API Reference
    • API Reference
    • API Reference
    • API Reference
  • Filter
    • API Reference
  • FilterApply
    • API Reference
  • FilterClear
    • API Reference
    • API Reference
    • API Reference
  • FilterList
    • API Reference
    • API Reference
  • FilterPopover
    • API Reference
  • FilterProvider
    • API Reference
  • FilterTrigger
    • API Reference
  • FilterValue
    • API Reference
  • Flex
    • API Reference
  • Grid
    • API Reference
  • GridCell
    • API Reference
    • API Reference
  • IconButton
    • API Reference
    • Best Practices
    • API Reference
    • API Reference
  • Link
    • API Reference
    • Best Practices
  • LinkBox
    • API Reference
  • LocaleProvider
    • API Reference
  • Menu
    • API Reference
    • Best Practices
  • MenuItem
    • API Reference
    • API Reference
  • MenuProvider
    • API Reference
  • MenuSeparator
    • API Reference
  • MenuTrigger
    • API Reference
  • Modal
    • API Reference
    • API Reference
    • API Reference
    • API Reference
  • ModalHeader
    • API Reference
    • API Reference
  • Page
    • API Reference
    • API Reference
    • API Reference
    • API Reference
  • Pagination
    • API Reference
    • Best Practices
  • Popover
    • API Reference
  • PopoverDismiss
    • API Reference
  • PopoverTrigger
    • API Reference
  • Radio
    • API Reference
    • Best Practices
  • RadioGroup
    • API Reference
  • Search
    • API Reference
    • Best Practices
  • Select
    • API Reference
    • Best Practices
    • API Reference
    • API Reference
  • SelectList
    • API Reference
  • SelectPopover
    • API Reference
    • API Reference
  • Skeleton
    • API Reference
    • Best Practices
    • API Reference
  • Spinner
    • API Reference
    • Best Practices
  • Stack
    • API Reference
  • Tab
    • API Reference
  • TabList
    • API Reference
    • Best Practices
  • TabPanel
    • API Reference
  • Table
    • API Reference
    • Best Practices
    • Figma Usage
  • TableBody
    • API Reference
  • TableCell
    • API Reference
  • TableHeader
    • API Reference
  • TableHeaderCell
    • API Reference
  • TableRow
    • API Reference
    • API Reference
  • Tag
    • API Reference
    • Best Practices
  • Text
    • API Reference
    • API Reference
  • ToastStack
    • API Reference
  • Tooltip
    • API Reference
  • TooltipArrow
    • API Reference
  • TooltipPopover
    • API Reference
    • API Reference
  • Virtual
    • API Reference
  • VirtualContainer
    • API Reference
  • VirtualItem
    • API Reference
  • VisuallyHidden
    • API Reference
  • Checkbox Field
    • API Reference
  • Combobox
    • API Reference
  • Field Label
    • API Reference
  • Field Message
    • API Reference
  • Filter Option
    • API Reference
  • Header
    • API Reference
  • Select Field
    • API Reference
  • Select Option
    • API Reference
  • Select Option Check
    • API Reference
  • Simple Table
    • API Reference
  • Text Area
    • API Reference
    • Best Practices
  • Text Input
    • API Reference
  • Tooltip Anchor
    • API Reference
    • API Reference
    • Best Practices
    • API Reference
    • Best Practices
      • Introduction
      • Design Tokens
      • Cascade Layers
    • All Components
    • AccessibleIcon
      • API Reference
    • Alert
      • API Reference
      • Best Practices
    • Bleed
      • API Reference
    • Button
      • API Reference
      • Best Practices
    • Center
      • API Reference
    • Checkbox
      • API Reference
      • Best Practices
    • CheckboxGroup
      • API Reference
    • Clickable
      • API Reference
    • ClickableBubble
      • API Reference
      • API Reference
      • API Reference
      • API Reference
    • ComboboxItem
      • API Reference
    • ComboboxList
      • API Reference
    • ComboboxPopover
      • API Reference
    • Composable
      • API Reference
    • Compose
      • API Reference
    • Container
      • API Reference
    • Content
      • API Reference
    • ContextualHelp
      • API Reference
      • API Reference
      • Best Practices
    • Field
      • API Reference
      • API Reference
      • API Reference
      • API Reference
      • API Reference
    • Filter
      • API Reference
    • FilterApply
      • API Reference
    • FilterClear
      • API Reference
      • API Reference
      • API Reference
    • FilterList
      • API Reference
      • API Reference
    • FilterPopover
      • API Reference
    • FilterProvider
      • API Reference
    • FilterTrigger
      • API Reference
    • FilterValue
      • API Reference
    • Flex
      • API Reference
    • Grid
      • API Reference
    • GridCell
      • API Reference
      • API Reference
    • IconButton
      • API Reference
      • Best Practices
      • API Reference
      • API Reference
    • Link
      • API Reference
      • Best Practices
    • LinkBox
      • API Reference
    • LocaleProvider
      • API Reference
    • Menu
      • API Reference
      • Best Practices
    • MenuItem
      • API Reference
      • API Reference
    • MenuProvider
      • API Reference
    • MenuSeparator
      • API Reference
    • MenuTrigger
      • API Reference
    • Modal
      • API Reference
      • API Reference
      • API Reference
      • API Reference
    • ModalHeader
      • API Reference
      • API Reference
    • Page
      • API Reference
      • API Reference
      • API Reference
      • API Reference
    • Pagination
      • API Reference
      • Best Practices
    • Popover
      • API Reference
    • PopoverDismiss
      • API Reference
    • PopoverTrigger
      • API Reference
    • Radio
      • API Reference
      • Best Practices
    • RadioGroup
      • API Reference
    • Search
      • API Reference
      • Best Practices
    • Select
      • API Reference
      • Best Practices
      • API Reference
      • API Reference
    • SelectList
      • API Reference
    • SelectPopover
      • API Reference
      • API Reference
    • Skeleton
      • API Reference
      • Best Practices
      • API Reference
    • Spinner
      • API Reference
      • Best Practices
    • Stack
      • API Reference
    • Tab
      • API Reference
    • TabList
      • API Reference
      • Best Practices
    • TabPanel
      • API Reference
    • Table
      • API Reference
      • Best Practices
      • Figma Usage
    • TableBody
      • API Reference
    • TableCell
      • API Reference
    • TableHeader
      • API Reference
    • TableHeaderCell
      • API Reference
    • TableRow
      • API Reference
      • API Reference
    • Tag
      • API Reference
      • Best Practices
    • Text
      • API Reference
      • API Reference
    • ToastStack
      • API Reference
    • Tooltip
      • API Reference
    • TooltipArrow
      • API Reference
    • TooltipPopover
      • API Reference
      • API Reference
    • Virtual
      • API Reference
    • VirtualContainer
      • API Reference
    • VirtualItem
      • API Reference
    • VisuallyHidden
      • API Reference
    • Checkbox Field
      • API Reference
    • Combobox
      • API Reference
    • Field Label
      • API Reference
    • Field Message
      • API Reference
    • Filter Option
      • API Reference
    • Header
      • API Reference
    • Select Field
      • API Reference
    • Select Option
      • API Reference
    • Select Option Check
      • API Reference
    • Simple Table
      • API Reference
    • Text Area
      • API Reference
      • Best Practices
    • Text Input
      • API Reference
    • Tooltip Anchor
      • API Reference
      • API Reference
      • Best Practices
      • API Reference
      • Best Practices
    • Design Tokens
      • Tokens
      • Rationale
      • Tokens
      • Rationale
      • Tokens
      • Rationale
      • Tokens
      • Rationale
      • Tokens
      • Rationale
      • Tokens
      • Rationale
      • Tokens
      • Rationale
    • Getting Started
    • Project Structure
    • I18n
    • Proxy
    • Functions
    • Hooks
    • Navigation
      • Introduction
      • Commands
      • Config
      • Code Generation
      • Defining Tokens

On This Page

  • Related components
Question? Give us feedback → (opens in a new tab)Edit this page
Components
Search

Search

Search example

Related components

Filter

Use when the content can be classified in predefined options that can be chosen as criteria to filter items.

TextInput

Use to fill free form content that will be submitted as part of a form.

Combobox, sigle or multiple (future)

Use to contextually filter a list of options and then submit the selected ones as part of a form.

API ReferenceAPI Reference

VTEX Design System for back-office experiences.