Modell-Wahl — component.model-selector
Kompakte Modell-Auswahl für die Chat-Leiste: aktuelles Modell als Knopf, Panel mit Anbieter-Gruppen, Beschreibung und Merkmal-Badges
Componentv1.0.0AIweb.applicationdesktop.shellbuilder.preview
Beispiele
Anbieter-Gruppen mit Merkmal-Badges (klicken öffnet nach oben)
AnthropicLokal (DGX-02)Lokal (.166)
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
models * | array | — |
Events & Slots
Events: change
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--model-selector-action-primary | var(--color-action-primary) |
--model-selector-border-default | var(--color-border-default) |
--model-selector-elevation-overlay | var(--elevation-overlay) |
--model-selector-radius-control | var(--radius-control) |
--model-selector-radius-sm | var(--radius-sm) |
--model-selector-surface-overlay | var(--color-surface-overlay) |
--model-selector-surface-sunken | var(--color-surface-sunken) |
--model-selector-text-default | var(--color-text-default) |
--model-selector-text-muted | var(--color-text-muted) |
Genutzte Design-Tokens
border.hairline color.action.primary color.border.default color.surface.overlay color.surface.sunken color.text.default color.text.muted elevation.overlay font.family.default layer.dropdown radius.control radius.sm size.1 size.2 size.3 size.32 text.sm text.xs tracking.wide weight.semibold