Secondary button là gì?
Còn gọi: nút phụ
Secondary button là nút có độ nổi bật trung bình, dùng cho hành động quan trọng nhưng không phải hành động chính, thường đặt cạnh nút chính như Huỷ, Quay lại hoặc Lưu nháp.
Hiểu kỹ hơn
Nút phụ thường có dạng viền (outlined) hoặc nền màu nhạt (tonal), cùng kích thước và bo góc với nút chính để chúng trông như một bộ, nhưng ít thu hút hơn. Nhờ đó người dùng vẫn thấy có lựa chọn khác mà không bị phân tâm khỏi hành động chính. Trong Figma, nút phụ nên là một variant của cùng component nút, chia sẻ padding, cỡ chữ và chiều cao với nút chính, chỉ đổi kiểu fill và stroke. Thứ tự đặt nút nên nhất quán trong toàn sản phẩm; trên web và Android, nút chính thường nằm bên phải nút phụ trong hộp thoại. Ví dụ: màn hình đăng bài có nút Đăng là primary và Lưu nháp là secondary. Lỗi thường gặp là làm nút phụ quá mờ, viền nhạt dưới tỉ lệ tương phản 3:1 so với nền theo WCAG cho thành phần giao diện, khiến người dùng không nhận ra đó là nút bấm được.
