Schaltflächen

Panel swallow button

Eine Schaltfläche mit einem dunkleren Symbolfeld, das an einer Kante angedockt ist. Beim Bewegen des Mauszeigers oder beim Fokussieren über die Tastatur vergrößert sich das Bedienfeld über die gesamte Breite und die Beschriftung wird darunter ausgeblendet.

Panel swallow button 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: label, accent, iconSide, expandMs

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

2037Shrinking cap icon rowSchaltflächenEine Reihe runder Symbolschaltflächen, deren Füllung sich hinter einer dunklen Kappe verbirgt, die beim Schweben zusammenfällt und die Farbe vom Rand nach innen freilegt.

2513Slide under download buttonSchaltflächenEin beschrifteter Knopf, der beim Schweben oder Fokussieren ein helles Aktionsfach unter seiner Platte hervorzieht, mit einem wackelnden Download-Pfeil im Inneren des Fachs.

2579Breathing Inset ButtonSchaltflächenEin hell geformter Knopf, dessen inneres Panel sich beim Schweben vom Rand löst, während das Sendezeichen ein kurzes Stück in Richtung der Beschriftung gleitet.

1848Center out fill buttonSchaltflächenEine umrandete Schaltfläche in Großbuchstaben, deren Akzentfüllung sich beim Schweben oder Fokussieren von einem Haaransatz in der Mitte nach außen zu beiden Rändern öffnet.

2695Circle plus add buttonSchaltflächenEine wortlose Schaltfläche zum Hinzufügen, deren Pluszeichen beim Schweben zwei Striche von der Mitte nach außen zieht, während die Füllung tiefer wird.

2622Disc to Pill CTASchaltflächenEine kleine gefüllte Scheibe neben einem leeren Etikett in Großbuchstaben dehnt sich beim Schweben oder Fokussieren zu einer vollen Pille aus, gibt den Text frei und trägt den Pfeil mit.