ProviderSelector

Segmented AI provider picker with the same provider glyphs used by the model selector. Use when the backend needs the provider/agent axis separate from the concrete model id.

Source

Import

import { ProviderSelector } 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
ariaLabel	string	AI provider	—
className	string	—	—
onChange*	(…) => void	—	—
providers*	ProviderSelectorOption<T>[]	—	—
value*	string	—	—