01 Buttons & Interactions

Essential Buttons

Clean, versatile controls. Four appearances, three sizes, clear states and useful icon options.

primary / large
primary / medium
primary / small
secondary / large
secondary / medium
secondary / small
outline / large
outline / medium
outline / small
ghost / large
ghost / medium
ghost / small
Leading icon
Real local linkRead demo notes
LoadingProcessing… Please wait.
Disabled action
Disabled linkUnavailable link

Interactive local demonstration. No downloads, purchases or requests are performed.

Demo notes: actions report their ID locally. Links navigate to these notes. Replace callbacks and destinations with your application’s real functionality. Loading examples remain loading until configured otherwise.