Nút viền là gì?
Còn gọi: ghost button, outline button, ghost button, outline button, outlined button, nút trong suốt
Ghost button là nút có nền trong suốt, chỉ có viền mảnh và chữ, thường dùng cho hành động phụ đặt cạnh một nút chính có nền đặc.
Hiểu kỹ hơn
Cặp nút phổ biến trên landing page là nút chính nền đặc 'Đăng ký ngay' và nút viền 'Tìm hiểu thêm'. Nhờ khác biệt độ nặng thị giác, người dùng nhận ra ngay đâu là hành động được ưu tiên. Ghost button cũng hay đặt trên ảnh nền lớn vì nhìn nhẹ và sang. Tuy nhiên, khi đặt trên ảnh, viền và chữ mảnh dễ bị chìm, khó đọc; cần kiểm tra tương phản và có thể thêm lớp phủ tối lên ảnh. Một số nghiên cứu thực tế cho thấy nút viền ít được bấm hơn nút đặc, nên đừng dùng nó cho hành động chính. Trong design system, ghost button thường là biến thể 'outline' hoặc 'secondary' của component Button, có đủ trạng thái hover, focus, disabled.
