Eingabefelder
Model picker prompt box
Model picker prompt box: Verfassen Sie eine Eingabe, wählen Sie ein Modell und fügen Sie eine lokale Datei mit sichtbarer Rückmeldung hinzu.
Model picker prompt box verwenden
Verfassen Sie eine Eingabe, wählen Sie ein Modell und fügen Sie eine lokale Datei mit sichtbarer Rückmeldung hinzu.
Model picker prompt box verwendet das Vorschauformat „Karte“ mit der Theme-Einstellung „hell/dunkel“.
Definieren Sie models als id/name-Paare. Binden Sie value/onValueChange, onSend, onModelChange und onAttach an; onAttach erhält die ausgewählte File.
Die enthaltenen Daten und Aktionen sind lokale Beispiele. Persistenz und Dienstaufrufe werden in der Anwendung angebunden.
Vorschau anpassen
Diese Einstellungen werden an die Demo übergeben. Standardwerte und Grenzen gelten für die Vorschau; die vollständige Props-API steht in der Implementierung.
| Einstellung | Typ | Standardwert | Vorschaugrenzen |
|---|---|---|---|
placeholder | text | What can I do for you? | Bis zu 60 Zeichen |
headline | text | Drafts now sync across your team | Bis zu 60 Zeichen |
accent | color | #FF6A1F | Keine weitere Grenze in den Metadaten. |
maxRows | number | 8 | Von 3 bis 14; Schrittweite 1 |
showAttach | boolean | true | Keine weitere Grenze in den Metadaten. |
Für welche Frameworks ist Model picker prompt box verfügbar?
Model picker prompt box ist für React, Vue, Svelte, Astro, HTML verfügbar. Die Live-Vorschau verwendet React; die folgenden Quellcode-Beobachtungen beziehen sich auf index.tsx. Prüfe die gewählte Portierung auf die benötigten Interaktionen.
Welche Abhängigkeiten hat Model picker prompt box?
Die React-Metadaten nennen diese zusätzlichen npm-Abhängigkeiten: motion, clsx.
Welche Details zur Barrierefreiheit sind in Model picker prompt box erkennbar?
Der React-Quellcode von Model picker prompt box enthält: native Elemente (button, input, textarea); Attribute und Ereignisbehandler (aria-activedescendant, aria-controls, aria-expanded, aria-haspopup, aria-hidden, aria-label, aria-live, aria-selected, onKeyDown, tabIndex); explizite Rollen (combobox, listbox, option, status); Tastenvergleiche (ArrowDown, ArrowUp, End, Enter, Escape, Home, Space, Tab). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.
Wie berücksichtigt Model picker prompt box reduzierte Bewegung?
Model picker prompt box liest die Bewegungseinstellung im React-Quellcode über useReducedMotion(). Von der Einstellung abhängige Ausdrücke in index.tsx: reduce ? false : { y: 9, opacity: 0 }; reduce ? { opacity: 0 } : { y: -9, opacity: 0 }. Prüfe die vollständige Implementierung, gemeinsame Stile und die gewählte Portierung mit aktivierter Bewegungsreduktion; diese Beobachtungen belegen keinen vollständigen Animationsstopp.
