Components•Model selector
Components•Model selector
Model selector
A model picker with search, providers as groups, and the numbers that matter on every row: capabilities, context window, speed and price. Arrow keys move, Enter picks, Escape returns focus to the trigger.
Dependencies
Copy below cli
npx shadcn add @bjork-ui/model-selectorHow to use
import { useState } from "react";import { ModelSelector, SAMPLE_MODELS } from "@/components/bjork-ui/ai/model-selector";export function Demo() { const [model, setModel] = useState("halcyon-3-pro"); return <ModelSelector models={SAMPLE_MODELS} value={model} onValueChange={setModel} />;}
Ask anything…
200k ctx
Options
Side