Điều chỉnh theo thiết kế website

Bắt đầu từ thiết lập có sẵn

Trang ví dụ chỉ hiển thị thiết lập mà ví dụ đó hỗ trợ. Một số hiệu ứng không có thiết lập màu. Giá trị được ghi vào config.json và SelectedExample.tsx; chỉ sửa config.json không tự cập nhật component đang hiển thị.

Thuộc tính khác được đặt qua API trong mã. Đọc hướng dẫn trước: các ví dụ không dùng chung mọi thuộc tính hay giới hạn thời lượng.

Dùng kiểu dáng của dự án

Bộ mã kế thừa phông chữ của website. Giữ CSS Module của component và kết nối màu, khoảng cách với token dự án khi phù hợp. Đổi văn bản trong tệp copy hoặc props được nêu trong hướng dẫn.

Giữ văn bản, trạng thái được chọn, lỗi và tiêu điểm bàn phím dễ nhận biết. Màu nhấn không thay thế nhãn hay thông báo trạng thái. Kiểm tra lại độ tương phản sau khi đổi nền hoặc hàm chọn màu chữ.

Kiểm tra nội dung dài

Thử nhãn nút và tiêu đề dài nhất trên màn hình hẹp và mức zoom 200%. Tránh chiều cao cố định làm cắt bản dịch. Giữ ngữ nghĩa nút hoặc liên kết và slot biểu tượng; bộ mã không chứa đường nét biểu tượng riêng tư của website.