Components
select-provider
Code

SelectProvider

SelectProvider<T>(props): ReactElement

Provides a select store to Select components.

Type parameters

NameType
Textends Value = Value

Parameters

NameType
propsPickRequired<SelectProviderProps<T>, "defaultValue" | "value">

Returns

ReactElement

See

https://ariakit.org/components/select (opens in a new tab)

Example

<SelectProvider defaultValue="Apple">
  <Select />
  <SelectPopover>
    <SelectItem value="Apple" />
    <SelectItem value="Banana" />
    <SelectItem value="Orange" />
  </SelectPopover>
</SelectProvider>

Defined in

node_modules/.pnpm/@ariakit+react-core@0.3.5_react-dom@18.2.0_react@18.2.0/node_modules/@ariakit/react-core/cjs/select/select-provider.d.ts:20

SelectProvider(props?): ReactElement

Parameters

NameType
props?SelectProviderProps<Value>

Returns

ReactElement

Defined in

node_modules/.pnpm/@ariakit+react-core@0.3.5_react-dom@18.2.0_react@18.2.0/node_modules/@ariakit/react-core/cjs/select/select-provider.d.ts:21