Zum Inhalt springen
Menü

Schaltflächen

Tilted plinth call to action

Tilted plinth call to action: Ein klobiger Call-to-Action, der auf einem einfarbigen Sockel ruht, leicht im Raum geneigt ist, der sich beim Schweben von seiner Basis abhebt und unter einer Presse sinkt.

Tilted plinth call to action verwenden

Tilted plinth call to action verwendet das Vorschauformat „Inline“ mit der Theme-Einstellung „hell/dunkel“.

Vorschau anpassen

Diese Einstellungen werden an die Demo übergeben. Standardwerte und Grenzen gelten für die Vorschau; die vollständige Props-API steht in der Implementierung.

EinstellungTypStandardwertVorschaugrenzen
labeltextJoin todayBis zu 24 Zeichen
accentcolor#FF4D8DKeine weitere Grenze in den Metadaten.
tiltnumber10Von 0 bis 20; Schrittweite 1
depthnumber5Von 0 bis 12; Schrittweite 1
showArrowbooleantrueKeine weitere Grenze in den Metadaten.
Für welche Frameworks ist Tilted plinth call to action verfügbar?

Tilted plinth call to action ist für React, Vue, Svelte, Astro, HTML verfügbar. Die Live-Vorschau verwendet React; die folgenden Quellcode-Beobachtungen beziehen sich auf index.tsx. Prüfe die gewählte Portierung auf die benötigten Interaktionen.

Welche Abhängigkeiten hat Tilted plinth call to action?

Die React-Metadaten nennen diese zusätzlichen npm-Abhängigkeiten: clsx, tailwind-merge.

Welche Details zur Barrierefreiheit sind in Tilted plinth call to action erkennbar?

Der React-Quellcode von Tilted plinth call to action enthält: native Elemente (button); Attribute und Ereignisbehandler (aria-hidden). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.

Wie berücksichtigt Tilted plinth call to action reduzierte Bewegung?

Tilted plinth call to action liest die Bewegungseinstellung im React-Quellcode über matchMedia(prefers-reduced-motion). Prüfe die vollständige Implementierung, gemeinsame Stile und die gewählte Portierung mit aktivierter Bewegungsreduktion; diese Beobachtungen belegen keinen vollständigen Animationsstopp.

Verbinde deinen Agenten

Verwandte offene Komponenten