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. There is no support for polyfills required by Internet Explorer 11.

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

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

Cargo.toml:

[dependencies]
material-yew = "0.1"

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">

Following are all the cargo features available (each feature corresponds to its respective component):

• button
• circular-progress
• checkbox
• circular-progress-four-color
• drawer
• top-app-bar
• icon-button
• fab
• formfield
• linear-progress
• icon
• radio
• switch
• top-app-bar-fixed
• dialog
• list
• icon-button-toggle
• slider
• tabs
• snackbar
• textfield
• textarea
• select
• menu

full feature enables all the components

These components respect the theming applied to Material Web Components using stylesheets. Learn about how to theme Material Web Components.

Full API documentation can be found here. Demos of components can be found here.

Your contributions are welcome.