Theme: ← Übersicht Tokens

Modell-Wahl

Kompakte Modell-Auswahl für die Chat-Leiste: aktuelles Modell als Knopf, Panel mit Anbieter-Gruppen, Beschreibung und Merkmal-Badges

Components v1.0.0 AI AppDesktop component.model-selector

Nutzt: ui.icon ui.badge

Beispiele

Anbieter-Gruppen mit Merkmal-Badges (klicken öffnet nach oben)

Eigenschaften

PropTypDefaultBuilder-Label
models *array—Modelle

* Pflicht-Prop

Events & Slots

Events: ⚡ change — im Surface per on: {<event>: {action, params}} verdrahtbar.

Stellschrauben (Komponenten-Tokens)

Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.

TokenDefault
--model-selector-action-primaryvar(--color-action-primary)
--model-selector-border-defaultvar(--color-border-default)
--model-selector-elevation-overlayvar(--elevation-overlay)
--model-selector-radius-controlvar(--radius-control)
--model-selector-radius-smvar(--radius-sm)
--model-selector-surface-overlayvar(--color-surface-overlay)
--model-selector-surface-sunkenvar(--color-surface-sunken)
--model-selector-text-defaultvar(--color-text-default)
--model-selector-text-mutedvar(--color-text-muted)

Genutzte Design-Tokens

border.hairlinecolor.action.primarycolor.border.defaultcolor.surface.overlaycolor.surface.sunkencolor.text.defaultcolor.text.mutedelevation.overlayfont.family.defaultlayer.dropdownradius.controlradius.smsize.1size.2size.3size.32text.smtext.xstracking.wideweight.semibold