Formulare

Control Bench

Eine seitenweite Datenbank mit funktionierenden Formularteilen nebeneinander: ein Zahlungsfeldsatz, Inline-Eingabe-Add-ons, ein Eingabeaufforderungs-Composer, gruppierte Schaltflächen und ein ruhiger leerer Zustand.

Syncing settingsAutosaving draftChecking handle

Card details

Used only for this order.

Name on card

Card number

Month

Year

CVC

Billing

Applied to the invoice for this order.

Billing address matches shipping

Notes

Visible to the person fulfilling the order.

Comments

Field patterns

One add-on sits inside the frame, never beside it.

128 results

Filters the catalog as you type.

Endpoint

https://

Requests are sent to this base URL.

Handle

Shown next to every comment you post.

Monthly budget

$USD

Alerts fire once spend passes this line.

Prompt composer

Sends to the assistant working this thread.

Design tokens

0 / 480

Row actions

Applies to the selected block.

Waiting for the first result to come back.

Control Bench 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: accentColor, columns, density, showComposer, showEmptyState

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?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

2078Validated Signup FormFormulareEine kleine Formularlaufzeit, die Werte verfolgt, beim Verwischen und Senden validiert, Fehler mit ihren Eingaben verknüpft und den Status „Senden“ und „Senden“ anzeigt.

1925Branded Code PanelFormulareEin zentriertes Verifizierungsfeld unter einem kleinen Markenschloss, bei dem ein abgelehnter Code die Zeile einmal schüttelt, sie löscht und die Hände wieder auf das erste Kästchen konzentriert.

1938Code cover cardFormulareEine breite Verifizierungskarte mit dem Codeformular auf der einen Seite und einem Abdeckfeld auf der anderen Seite, das bei der Eingabe von Ziffern einen Fortschrittsbalken ausfüllt.

1957Field with status iconFormulareEine beschriftete Eingabe, an deren hinterer Kante ein kleines Häkchen- oder Warnsymbol angezeigt wird, das ausgeblendet wird, sobald sich die Gültigkeit des Felds ändert, ohne dass sich das Layout ändert.

1964Focus Guard FormFormulareEin Formular, das bei einer fehlgeschlagenen Übermittlung die Übermittlung abbricht, den Tastaturfokus direkt auf das erste ungültige Feld verschiebt und das Problem für Benutzer von Bildschirmleseprogrammen ankündigt.

1974Grouped Code BoxesFormulareEin einmaliges Codefeld aus einzelnen Ziffern in Kästchen, die durch eine dünne Trennlinie in der Mitte in zwei Gruppen unterteilt sind, wobei ein blinkendes Caret das Kästchen markiert, das auf die Eingabe wartet.