ModelSelector

A searchable model picker driven by the backend model menu, showing each provider’s brand icon. Models whose provider is not configured are disabled rather than hidden, so the menu communicates what would be available with the right API key.

Source

Import

import { ModelSelector } from "@flanksource/clicky-ui/chat";

Demos

Default · Open in Storybook

Effort · Open in Storybook

Provider · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
className	string	—	—
models*	ChatModel[]	—	—
onChange*	(…) => void	—	—
size	enum	sm	Control size. Defaults to `sm` (compact chat toolbar); pass `md` to match a standard-density form row.
value	string	—	Currently selected model id.