Material Yew

Material Yew 是一个组件库，用于 Yew 框架，该框架是对 Material Web 组件 的包装，暴露 Yew 组件。所有现代浏览器都受到支持。不支持 Internet Explorer 11 所需的填充程序。

示例

use material_yew::MatButton;
use yew::html;

html! {
    <MatButton label="Click me!" />
};

入门

安装

Cargo.toml:

[dependencies]
material-yew = "0.2"

Material 图标和 Material 字体也可以导入以实现全部功能。
index.html:

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet">

需要注意的是，为了让 Material 组件具有响应性，您需要添加 viewport meta 标签。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

特性标志

以下是所有可用的 cargo 特性（每个特性对应其相应的组件）

• 按钮
• 圆形进度条
• 复选框
• 四色圆形进度条
• 抽屉
• 顶部应用栏
• 图标按钮
• FAB
• 表单字段
• 线性进度条
• 图标
• 单选按钮
• 开关
• 固定顶部应用栏
• 对话框
• 列表
• 图标按钮切换
• 滑块
• 选项卡
• Snackbar
• 文本框
• 文本区域
• 选择框
• 菜单

full 特性启用所有组件

主题化

这些组件通过样式表尊重 Material Web 组件应用的主题。 了解如何主题化 Material Web 组件。

文档

完整的 API 文档可以在 此处 找到。组件的演示可以在 此处 找到。

贡献

1. 分叉它 (https://github.com/hamza1311/material-yew)
2. 创建您的功能分支 (git checkout -b feature/fooBar)
3. 提交您的更改 (git commit -am '添加一些 fooBar')
4. 推送到分支 (git push origin feature/fooBar)
5. 创建新的拉取请求