creatordesign system
GitHub
Buttons
Components · Creator Design System

Buttons

Six intents, three sizes, icons leading/trailing/alone, and every state. The intent picks itself: primary is the one thing the screen is for.

six intents — one primary per surface

.btn-sm / (default) / .btn-lg · .btn-pill · .btn-live

icon variants — leading, trailing, and .btn-icon squares (always aria-label)

[data-loading] · [disabled] · [aria-pressed] · .btn-block