🧬 Dioxus Material Icons

本项目提供了一个简单但可配置的组件，用于在 Dioxus 中渲染 Google 的 Material Icons。

🚀 开始使用方法

cargo添加 dioxus-material-icons

本项目介绍了两个组件

1. MaterialIconStylesheet
2. MaterialIcon

为了能够在代码的任何地方使用 MaterialIcon 组件，您首先需要包含一个 MaterialIconStylesheet 组件。如果您想使用默认设置，只需将其添加到应用程序的根组件中，如下所示

MaterialIconStylesheet { }

有关更多选项（如托管图标字体文件）的文档。

之后，您可以使用 MaterialIcon 组件，就像您期望的那样

MaterialIcon { name: "settings" }

您还可以指定颜色和大小。

MaterialIcon {
    name: "settings",
    size: 24,
    color: MaterialIconColor::Light,
}

💡 示例

• 按钮示例

🔗 有用链接

• 所有图标概览（包括名称）

替代方案

• dioxus-free-icons（支持其他图标包）

📜 许可证

本软件受 MIT 许可证条款的约束。

注意：所有 Material Icons 都受 Apache License 2.0 许可证的约束。

© 2023 Lennart Kloock