I. Tùy Chỉnh Nội Dung Component

Bạn tiến hành thay thế các thành phần giữ chỗ (placeholder) trong Component:

1. Hình ảnh: Thay thế Hình ảnh (Image) tại Layer có tên "Replace your image" (Hình 1).

2. Background: Thay đổi Lớp nền (Background) tại Layer có tên "Replace background" (Hình 2).

3. Văn bản: Chỉnh sửa Nội dung/Tiêu đề (Content/Title) tại Layer có tên "Replace title" (Hình 3).

II. Cài Đặt Code Override

Các bước này giúp tích hợp logic hiệu ứng vào dự án của bạn:

1. Tạo File Code: Trong mục Assets (Tài sản) > Code, chọn Thêm "New Code File".

2. Thiết lập Override: Chọn tùy chọn "New Override" và tiến hành Đặt tên cho Override đó (Hình 4).

3. Chuẩn bị Mã: Xóa toàn bộ Mã mặc định (Default Code) có sẵn trong file.

4. Tích hợp Mã Hiệu ứng: Sao chép (Copy) & Dán (Paste) toàn bộ Đoạn mã Hover Reveal vào file mới.

5. Áp dụng: Áp dụng (Apply) Code Override vừa tạo vào các Layer (ví dụ: "Section 1, 2, 3, 4, 5") mà bạn muốn kích hoạt hiệu ứng (Hình 5, 6).

*LƯU Ý KỸ THUẬT QUAN TRỌNG (Overflow)

Để đảm bảo hiệu ứng hiển thị và hoạt động chính xác trong Layout: Thuộc tính Overflow của các Stack hoặc Layer chứa trong layout phải được thiết lập là "Clip" (Cắt bớt nội dung thừa) hoặc "Visible" (Hiển thị tất cả).