Schaltflächen

Hold to fill pad

Ein durchscheinendes Pad, das sich von der Basis aus nach oben füllt, solange es gehalten wird, und dann feststeht und seinen Rand zum Vorschein bringt, wenn die Füllung die Oberseite erreicht.

Hold to fill

Press and hold to commit. Release early and the fill drains away. Space or Enter work too.

Hold to fill pad verwenden

Ein durchscheinendes Pad, das sich von der Basis aus nach oben füllt, solange es gehalten wird, und dann feststeht und seinen Rand zum Vorschein bringt, wenn die Füllung die Oberseite erreicht.

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, borderTint, label, holdSeconds, sink

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

1636Hold to deleteSchaltflächenEine zerstörerische Schaltfläche, die erst ausgelöst wird, wenn der Zeiger lange genug gedrückt gehalten wird, damit ein Füllbalken darüber läuft, und der zurückspult, sobald Sie ihn loslassen.

2590Copy flick tileSchaltflächenEine quadratische Kachel mit einem Stapel von zwei Seiten; Durch langes Drücken wird die oberste Seite weggeblättert, die Kopie in der Überschrift bestätigt und dann der Stapel zurückgesetzt.

2626Diagonal orb fill buttonSchaltflächenEin übergroßer Kreis gleitet von Ecke zu Ecke über eine umrandete Schaltfläche, füllt diese diagonal aus und wird in dem Moment, in dem Sie darauf drücken, dunkler.

1707Hold ring confirmSchaltflächenEine runde Schaltfläche, die von einem Strich umgeben ist, der sich selbst zeichnet, während Sie gedrückt halten, und gleichzeitig einen Fortschrittswert in den Ring, die Schaltflächenskala und die Beschriftungsfarbe einspeist.

2648Inset plate buttonSchaltflächenEin Knopf in einem Knopf: Eine äußere Hülle hält eine kleinere schwimmende Platte, die das Etikett trägt, und durch Drücken schrumpft nur die innere Platte, während die Hülle an Ort und Stelle bleibt.

2724Send flight buttonSchaltflächenEin gebürsteter Lichtknopf, der eine kurze Sendesequenz abspielt: Das Papierzeichen fliegt weg, ein Sendeetikett zählt seine Punkte, dann fällt ein Scheck ein.