GuidesComponentsFoundations
GitHubGitHub
  • All Components
  • Alert
    • Best Practices
  • Button
    • Best Practices
  • Checkbox
    • Best Practices
    • CheckboxGroup
      • Best Practices
  • Collection
    • Best Practices
    • CollectionView
    • CollectionRow
  • ConfirmationModal
    • Best Practices
  • ContextualHelp
    • Best Practices
  • Divider
  • Drawer
    • Best Practices
    • DrawerContent
    • DrawerDismiss
    • DrawerFooter
    • DrawerHeader
    • DrawerHeading
    • DrawerPopover
    • DrawerProvider
    • DrawerTrigger
  • EmptyState
    • EmptyStateActions
    • EmptyStateIllustration
    • Best Practices
  • Field
    • FieldCharCounter
    • FieldDescription
    • FieldError
    • FieldProvider
  • Filter
    • Best Practices
    • FilterApply
    • FilterClear
    • FilterItem
    • FilterItemCheck
    • FilterList
    • FilterListSkeleton
    • FilterPopover
    • FilterProvider
    • FilterTrigger
    • FilterValue
  • Heading
  • IconButton
    • Best Practices
  • Input
    • Best Practices
  • Label
  • Link
    • Best Practices
  • Menu
    • Best Practices
    • MenuItem
    • MenuPopover
    • MenuProvider
    • MenuSeparator
    • MenuTrigger
  • Modal
    • Best Practices
    • ModalContent
    • ModalDismiss
    • ModalFooter
    • ModalHeader
    • ModalHeading
  • Page
    • Best Practices
    • PageContent
    • PageHeader
    • PageHeading
    • Page Header Row
  • Pagination
    • Best Practices
  • Popover
    • PopoverDismiss
    • PopoverTrigger
  • Radio
    • Best Practices
    • RadioGroup
      • Best Practices
  • Search
    • Best Practices
  • Select
    • SelectItem
    • SelectItemCheck
    • SelectList
    • SelectPopover
    • SelectTrigger
    • Best Practices
  • Skeleton
    • Best Practices
  • Spinner
    • Best Practices
  • Tab
    • Best Practices
    • TabList
    • TabPanel
    • TabProvider
  • Table
    • @tanstack/react-table
    • Best Practices
    • Figma Usage
    • TableBody
    • TableCell
    • TableHeader
    • TableHeaderCell
    • TableRow
    • TableSortIndicator
  • Tag
    • Best Practices
  • Text
  • Textarea
    • Best Practices
  • Toast
    • Best Practices
    • ToastStack
  • Tooltip
    • Best Practices
    • TooltipArrow
    • TooltipPopover
    • TooltipTrigger
    • Tooltip Provider
  • Date
  • Calendar
    • CalendarCell
    • CalendarGrid
    • CalendarHeader
    • CalendarProvider
    • CalendarTitle
  • DateField
  • DatePicker
    • Best Practices
  • DateRangePicker
    • Best Practices
  • DateSegment
  • RangeCalendar
    • API Reference
  • TimeInput
    • Best Practices
  • Primitives
  • AccessibleIcon
  • Clickable
    • ClickableBubble
    • ComboboxInput
    • ComboboxItem
    • ComboboxList
    • ComboboxPopover
  • Compose
    • Composable
  • LinkBox
  • LocaleProvider
  • VisuallyHidden
  • Layout
  • Bleed
  • Center
  • Content
    • Container
  • Flex
  • Grid
    • GridCell
  • Stack

On This Page

  • Optional props
Question? Give us feedback →Edit this page
ComponentsFilterFilterValue

FilterValue

Renders the Filter applied value

Optional props

className

Custom styles

type
string
default
null
FilterTriggerHeading
VTEX Design System for back-office experiences.