@selkit/react

React adapter for Selkit — the framework-agnostic select toolkit. A <SelkitSelect> component over @selkit/core: controlled value, render props and SSR-friendly rendering.

Install

pnpm add @selkit/react @selkit/themes

Usage

import { useState } from 'react'
import { SelkitSelect } from '@selkit/react'
import '@selkit/themes/base.css'

const fruits = [
  { value: 'a', label: 'Apple' },
  { value: 'b', label: 'Banana' },
]

export function Example() {
  const [value, setValue] = useState(null)
  return (
    <SelkitSelect
      options={fruits}
      value={value}
      onChange={setValue}
      placeholder="Pick a fruit…"
    />
  )
}

Customize options/selection with renderOption / renderSelection, or use the useSelkit hook for full control. See the React guide.

Docs

📖 cluion.github.io/selkit · 繁體中文

License

MIT