Eingabefelder

Orbit drop zone

Eine Datei-Drop-Zone, die einen Upload mit sich drehenden farbigen Bögen um einen Fortschrittsring simuliert, den Live-Prozentsatz anzeigt und übergroße oder nicht unterstützte Dateien mit einem Inline-Fehler ablehnt.

Drop a file to attach it

PNG, JPG, WEBP or GIF up to 5 MB

Orbit drop zone verwenden

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: accent, maxSizeMb, uploadSeconds, acceptHint

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

2297Addon Input GroupEingabefelderEin Textfeld, das von einer umrandeten Hülle umgeben ist, die ein führendes Symbol, eine nachgestellte Schaltfläche oder Text enthalten kann und einen gemeinsamen Fokusring für die gesamte Gruppe aufweist.

2792Auto Grow TextareaEingabefelderEin mehrzeiliges Textfeld, das größer wird, wenn die Person mehr tippt, anstatt in einem festen Feld zu scrollen.

2321Clean Text FieldEingabefelderEine schnörkellose, umrandete Texteingabe für ein beschriftetes Formular: neutral im Ruhezustand, ein klarer Akzentring im Fokus, stummgeschaltet, wenn deaktiviert.

2801Compact select menuEingabefelderEine Auslöseschaltfläche, die eine schwebende Auswahlliste öffnet, wobei die aktuelle Auswahl auf der Schaltfläche und ein Häkchen daneben in der Liste angezeigt werden.

2343Drawn check checkboxEingabefelderEin Kontrollkästchen, dessen Häkchen sich Strich für Strich selbst zeichnet, während das Kästchen mit einer durchgehenden Akzentfarbe gefüllt wird.

2346Editable date fieldEingabefelderEin Textfeld für ein Datum, das frei eingegeben werden kann und auch über ein kleines Kalender-Popover ausgefüllt werden kann, das über eine Schaltfläche mit einem nachgestellten Symbol geöffnet wird.