Code – Nextra

FilterList

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

Filter listbox

Parameters

Name	Type
`props`	`FilterListProps` & `RefAttributes`<`HTMLDivElement` (opens in a new tab)>

Returns

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

Example

<FilterProvider>
  <FilterPopover>
    <FilterList>
      <FilterOption value="option">Option</FilterOption>
    </FilterList>
  </FilterPopover>
</FilterProvider>

import React from 'react'
import { FilterProvider } from '@vtex/shoreline-components'
import { FilterPopover } from '@vtex/shoreline-components'
import { FilterList } from '@vtex/shoreline-components'
import { FilterOption } from '@vtex/shoreline-components'
export default function App() { return (<><FilterProvider> <FilterPopover>   <FilterList>     <FilterOption value="option">Option</FilterOption>   </FilterList> </FilterPopover></FilterProvider></>)}

Open Sandbox

Defined in

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

Props Props