Schaltflächen

Sinking lip button

Eine klobige, abgerundete Kappe auf einem dunkleren Lippenband, die beim Drücken zusammenfällt, sodass die Kappe bündig in ihre Basis einsinkt und beim Loslassen wieder zurückspringt.

Sinking lip button verwenden

Eine klobige, abgerundete Kappe auf einem dunkleren Lippenband, die beim Drücken zusammenfällt, sodass die Kappe bündig in ihre Basis einsinkt und beim Loslassen wieder zurückspringt.

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: label, accent, lipDepth, radius, disabled

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

2482Offset shadow press buttonSchaltflächenEin flach umrandeter Knopf, der auf einem harten, versetzten Schatten sitzt und beim Drücken hineingleitet, wie bei einer echten Taste, die auf den Boden fällt.

2574Arcade dome buttonSchaltflächenEin runder Druckknopf, dessen gewölbte Kappe über einem dunkleren Sockel schwebt und beim Drücken bündig mit einem sichtbaren Tropfen sitzt.

2765Embossed press buttonSchaltflächenEine solide, abgerundete Taste, die im Ruhezustand wie eine erhabene physische Taste aussieht und sich beim Schweben, Fokussieren und Drücken in eine versenkte, in die Oberfläche gedrückte Optik verwandelt.

2566Growing ledge buttonSchaltflächenEin solider Akzentknopf, der auf einer dunkleren unteren Leiste ruht, die beim Schweben dicker wird und sich anhebt, dann dünner wird und unter Druck sinkt.

1864Hard Shadow ButtonSchaltflächenEine Schaltfläche mit dickem Umriss, die sich beim Schweben von ihrem festen versetzten Schatten löst und beim Klicken wieder hineingedrückt wird.

1835Key travel buttonSchaltflächenEin abgerundeter Schlüssel, der auf einem hohen Sockel steht, der sich beim Schweben verkürzt und unter dem Druck verschwindet, so dass der Schlüssel flach sitzt.