HelixUI

一个现代化的 Dioxus UI 组件库，提供美观、响应式的组件。

特性

• 🎨 现代化设计 - 简洁美观的组件设计
• 🌙 深色模式支持 - 内置深色/浅色主题切换
• 📱 响应式设计 - 适配各种屏幕尺寸
• 🚀 基于 Dioxus - 使用 Rust 构建的高性能前端框架
• 🎯 类型安全 - 编译时类型检查，减少运行时错误
• ⚡ 高性能 - 优化的渲染性能和内存使用

快速开始

安装

在你的 Cargo.toml 中添加依赖：

[dependencies]
helixui = "0.1.0"
dioxus = { version = "0.6.0", features = ["web"] }

基本用法

use helixui::components::{Button, ButtonType, Icon, IconType};
use dioxus::prelude::*;

fn App() -> Element {
    rsx! {
        div {
            class: "p-8 space-y-4",
            
            // 按钮组件
            Button {
                button_type: ButtonType::Primary,
                "点击我"
            }
            
            // 图标组件
            Icon { 
                icon: IconType::Home,
                size: IconSize::Large 
            }
        }
    }
}

组件

通用组件 (Common)

• Button - 按钮组件，支持多种类型和尺寸
• Icon - 图标组件，提供丰富的 SVG 图标库

反馈组件 (Feedback)

• Badge - 徽章组件，用于显示通知数量
• Dialog - 对话框组件，支持多种类型
• Message - 消息组件，用于显示提示信息

主题

HelixUI 支持深色和浅色主题，组件会自动适配当前主题：

// 组件会自动使用当前主题的颜色
Button {
    button_type: ButtonType::Primary,
    "主题适配按钮"
}

文档

• 在线文档
• 组件示例
• GitHub 仓库

许可证

MIT License - 详见 LICENSE 文件

贡献

欢迎提交 Issue 和 Pull Request！

更新日志

0.1.0

• 初始版本发布
• 包含基础组件：Button, Icon, Badge, Dialog, Message
• 支持深色/浅色主题
• 完整的文档和示例