cawfree/react-dark-mode-toggle

🌙 Nút toggle chế độ tối dễ thương cho React

Một component React nhỏ gọn, thiết kế câu hõm “dễ thương” để bật/tắt chế độ tối/ánh sáng.

react-dark-mode-toggle là một nút chuyển đổi giao diện (dark/light mode) dành cho React, lấy cảm hứng từ trang overreacted.io. Đây là một nút nhấn thuần tuý — không bao gồm logic quản lý chủ đề, chỉ hiển thị giao diện và truyền sự kiện. Dự án hiện đã ngừng phát triển (deprecated), người dùng nên chuyển sang phiên bản mới: react-dark-mode-toggle-2.

✨ Điểm nổi bật

• Thiết kế dễ thương: Giao diện nút toggle với hiệu ứng chuyển đổi mượt mà, phù hợp với các trang web hiện đại.
• Dễ tích hợp: Cài đặt nhanh qua npm hoặc yarn, sử dụng chỉ với vài dòng code.
• Tùy chỉnh linh hoạt: Hỗ trợ điều chỉnh kích thước (size), tốc độ chuyển đổi (speed), lớp CSS (className).
• Hỗ trợ sự kiện onChange: Truyền hàm xử lý khi người dùng thay đổi trạng thái toggle.
• Không phải giải pháp quản lý chủ đề: Chỉ là nút bật/tắt — cần kết hợp với thư viện như use-dark-mode để quản lý trạng thái chủ đề.

💡 Vì sao đáng chú ý

Dự án cung cấp một giải pháp nhẹ nhàng và thẩm mỹ để thêm nút chuyển đổi chế độ giao diện vào ứng dụng React mà không cần viết CSS phức tạp. Tuy nhiên, do đã ngừng phát triển, người dùng nên cập nhật lên phiên bản mới để được hỗ trợ và cập nhật tính năng.

---

#React #DarkMode #Toggle #OpenSource #TiniX