AiModelSelector

Model Selector

Model picker grouped by provider.

Anthropic
OpenAI

Usage

<AiModelSelector v-model="modelId" :models="models">
  <template #option="{ model, selected, select }">
    <button type="button" @click="select()">{{ model.name }}</button>
  </template>
</AiModelSelector>

Props

Prop Type Default Description
models*AiModelOption[]
modelValuestringSelected model id (v-model)
groupByProviderbooleantrue

Slots

  • trigger
  • selected
  • option
  • group-header
  • empty