SelectItemSelected

Exposes whether the closest SelectItem is selected through a function child.

As a value component, it doesn't render any DOM elements and therefore doesn't accept HTML props.

Code examples

<SelectProvider>
  <Select />
  <SelectPopover>
    <SelectItem value="Apple">
      <SelectItemSelected>
        {(selected) => (selected ? <CheckIcon /> : null)}
      </SelectItemSelected>
      Apple
    </SelectItem>
  </SelectPopover>
</SelectProvider>
<SelectProvider>
  <Select />
  <SelectPopover>
    <SelectItem value="Apple">
      <SelectItemSelected>
        {(selected) => (selected ? <CheckIcon /> : null)}
      </SelectItemSelected>
      Apple
    </SelectItem>
  </SelectPopover>
</SelectProvider>

Required Props

`children`

(selected: boolean) => React.ReactNode
(selected: boolean) => React.ReactNode

A function that gets called with the closest SelectItem component's selected state.

SelectItemSelected

Code examples

Required Props

children

Stay tuned

`children`