Przycisk
Wypełniony przycisk
Używamy go do działań o które są ważne.
<button class="filled"><span class="state">Tekst przycisku</span></button>
Tonowany przycisk
Używamy go do działań o mniejszym priorytecie niż wypełniony.
<button class="tonal"><span class="state">Tekst przycisku</span></button>
Obrysowany przycisk
Używamy go do działań o podobnym priorytecie co tonowany.
<button class="outlined"><span class="state">Tekst przycisku</span></button>
Tekstowy przycisk
Używamy go do działań o najniższym priorytecie.
<button class="text"><span class="state">Tekst przycisku</span></button>