🎨 HybReport DLS — Nút Bấm & Hành Động
Thiết kế hệ thống nút bấm (Button Design System) — Phiên bản F71 • Opus 4.6
Các Biến Thể Nút
6 biến thể chính: Primary, Success, Danger, Default, Ghost, Dashed
Trạng Thái Nút
Mỗi biến thể hiển thị ở 4 trạng thái: mặc định, hover, focus, vô hiệu
▸ Primary
Mặc định
Hover
Focus
Vô hiệu
▸ Success
Mặc định
Hover
Focus
Vô hiệu
▸ Danger
Mặc định
Hover
Focus
Vô hiệu
▸ Default
Mặc định
Hover
Focus
Vô hiệu
▸ Ghost
Mặc định
Hover
Focus
Vô hiệu
▸ Dashed
Mặc định
Hover
Focus
Vô hiệu
Kích Thước
Hai kích thước: Nhỏ (sm) và Trung bình (md — mặc định)
SM
MD
Nút Có Biểu Tượng
Kết hợp icon SVG với nhãn văn bản
Nhóm Nút
Các nút được nhóm lại thành một khối thống nhất
Ví Dụ Sử Dụng
Các tổ hợp nút thường gặp trong giao diện HybReport
HybReport Design Language System • F71 Buttons & Actions • Tạo bởi Opus 4.6 • 2026-05-17