Material Yew is a components library for Yew framework which is a wrapper around Material Web Components exposing Yew components. All modern browsers are supported.
use material_yew::Button;
use yew::html;
html! {
<Button label="Click me!" />
};
Cargo.toml
:
[dependencies]
material-yew = "*"
Material icons and a Material font can also be imported for full functionality.
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">
It's also important to note that you need viewport
meta
tag for the Material Components to be responsive.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Full API documentation can be found here.
git checkout -b your-feature-branch
)git commit -am 'Add some fooBar'
)git push origin your-feature-branch
)