Components
FilterTrigger
Code

FilterTrigger

▸ FilterTrigger(props): null | ReactElement<any, string | JSXElementConstructor<any>>

Triggers the Filter Popover box, also displays the Filter applied value

Parameters

NameType
propsPopoverTriggerProps & RefAttributes<HTMLButtonElement (opens in a new tab)>

Returns

null | ReactElement<any, string | JSXElementConstructor<any>>

Example

example.tsx
<FilterProvider>
  <FilterTrigger>Open</FilterTrigger>
</FilterProvider>
import React from 'react'
import { FilterProvider, FilterTrigger } from '@vtex/shoreline-components'

export default function App() {
return (<>
<FilterProvider>
<FilterTrigger>Open</FilterTrigger>
</FilterProvider>
</>
)}
Open on CodeSandboxOpen Sandbox

Defined in

node_modules/.pnpm/@types+react@18.2.14/node_modules/@types/react/ts5.0/index.d.ts:355

PropsProps