AI & AgentsPro

Model Picker

The model chip in a prompt box: always clickable, it opens a popover to switch models.

Usage

bash

npm install @wunderui/react

Then import what you need:

tsx

import { ModelPicker } from "@wunderui/react"

The chip shows the current model; click it to see the others.

The chosen model gets the check in the list.

PromptInput shows the picker in its toolbar as soon as it gets models.

Prop	Type	Default
models	{ id; name; description?; tag?; icon? }[]	—
value / defaultValue / onValueChange	string	first model
side	"top" \| "bottom"	"top"
align	"start" \| "center" \| "end"	"start"
label	string	"Model"