Przyciski

Przyciski są głównym wizualnym wskaźnikiem działań użytkownika.

Zasady

Zorientowanie na działanie: przyciski powinny jasno informować, że wywołują działanie.

Jasne informacje zwrotne: wygląd przycisku musi się wyraźnie zmieniać w zależności od stanu interakcji (najechanie, naciśnięcie, fokus), aby zapewnić natychmiastowe informacje zwrotne.

Spójność: wszystkie przyciski powinny mieć wspólny język wizualny, aby były natychmiast rozpoznawalne.

Elastyczność: komponent przycisku powinien uwzględniać typowe warianty, takie jak ikony i różne rozmiary, bez utraty spójności.

Użycie i umiejscowienie

Przycisk powinien znajdować się blisko odpowiedniej treści. Może być umieszczony samodzielnie lub z innymi komponentami, takimi jak karty i listy.

check_circle

Tak

Używaj progresywnego ujawniania, aby pokazywać mniej istotne działania.

cancel

Nie

Nie zasypuj użytkownika zbyt dużą liczbą przycisków.

check_circle

Tak

Używaj przycisków, aby zachęcać do działania. W przypadku elementu statycznego możesz też użyć chipa z tytułem.

cancel

Nie

Nie używaj przycisku jako statycznego elementu dekoracyjnego.

Anatomia

Dostosowywanie

Przyciski mają wariant domyślny i duży, a także stany domyślny, fokus i naciśnięcie. Ikony mogą służyć do podkreślania, wyjaśniania i rozpoznawania przycisku. Rozmiar przycisku może pomóc w podkreśleniu jego znaczenia.