@selkit/vue

Vue 3 adapter for Selkit — the framework-agnostic select toolkit. A <SelkitSelect> component over @selkit/core with v-model, scoped slots and SSR-friendly rendering.

Install

pnpm add @selkit/vue @selkit/themes

Usage

<script setup>
import { ref } from 'vue'
import { SelkitSelect } from '@selkit/vue'
import '@selkit/themes/base.css'

const fruits = [
  { value: 'a', label: 'Apple' },
  { value: 'b', label: 'Banana' },
]
const value = ref(null)
</script>

<template>
  <SelkitSelect v-model="value" :options="fruits" placeholder="Pick a fruit…" />
</template>

Customize options/selection with the option / selection slots, or drop to the useSelkit composable for full control. See the Vue guide.

Docs

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

License

MIT