Komponent · Akcje

Subtelne CTA

Zwięzły przycisk działania z dwiema proporcjami i lokalnymi tokenami koloru.

ID zasobucmp-quiet-cta-01

Eksperymentalny

Podgląd

Oddzielny kontekst prezentacyjny; podgląd uruchamia zaufany kod biblioteki.

Szczegóły technicznePliki, warianty, zależności i sposób użycia

Wyraźne, spokojne wezwanie do działania w sekcjach ofertowych.

Plik podglądu previews/standard.astro

Plik podglądu previews/compact.astro

Folder zasobu wyznacza własne pliki, które można skopiować niezależnie od wspólnych zależności.

Główny plik: src/content/resources/quiet-cta/CallToAction.astro

shared/design-tokens.css
Komponent używa wspólnych tokenów koloru, które należy skopiować lub odwzorować w projekcie docelowym.

Brak.

Integracja nie została jeszcze zweryfikowana.

Skopiuj CallToAction.astro oraz pozostałe pliki wymienione w sekcji plików należących do zasobu.
Skopiuj src/shared/design-tokens.css do src/shared/ w projekcie docelowym albo odwzoruj tokeny --resource-ink i --resource-accent. Jeśli przeniesiesz komponent lub arkusz, zaktualizuj względny @import w CallToAction.astro.
Zaimportuj komponent w stronie Astro, np. import CallToAction from '../components/CallToAction.astro', i użyj <CallToAction href="/kontakt" />; prop compact włącza mniejszy wariant.
Ustaw docelowe href, a następnie sprawdź style, focus klawiatury i ruch przy prefers-reduced-motion. Integracja nie jest zweryfikowana, dopóki ta próba nie zostanie wykonana.

Źródło: Opracowano na potrzeby prywatnej biblioteki demonstracyjnej.
Autor / uznanie: Własny materiał demonstracyjny
Licencja: Materiał autorski; sprawdź warunki wykorzystania przed użyciem komercyjnym.