ModelProviderBadge

Domain

Colour-coded badge that maps an AI provider name to a semantic variant.

Preview

OpenAIAnthropicGooglexAIDeepSeekAzure OpenAICustom

Code

{(['OPENAI', 'ANTHROPIC', 'GOOGLE', 'XAI', 'DEEPSEEK', 'AZURE_OPENAI', 'CUSTOM'] as const).map((p) => (
  <ModelProviderBadge key={p} provider={p} />
))}

Preview

OpenAIAnthropicGoogle

Code

<ModelProviderBadge provider="OPENAI" size="sm" />

ModelProviderBadge

All providers

Small size

Navigation