2.24 #Components.PlayButton Play Button
Toggle example guides Toggle HTML markup
Okrągły przycisk play z ikoną chevron. Biały circle, brand icon. Dwa rozmiary: domyślny (40px), .play-btn-sm (30px).
Examples
Default styling
.play-btn-sm
Mniejszy (30px)
:disabled
Wyłączony (50% opacity)
Markup: play-button.html
<div style="display: flex; gap: 24px; align-items: center; background: #0f172a; padding: 30px; border-radius: 8px;">
<button class="play-btn" aria-label="Play video"></button>
<button class="play-btn play-btn-sm" aria-label="Play video small"></button>
<button class="play-btn" disabled aria-label="Play disabled"></button>
</div>
Source:
src/scss/components/_play-button.scss, line 1