Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ranile/material-yew
Yew wrapper for Material Web Components
https://github.com/ranile/material-yew
material-components material-design rust wasm wrapper yew yew-material
Last synced: 8 days ago
JSON representation
Yew wrapper for Material Web Components
- Host: GitHub
- URL: https://github.com/ranile/material-yew
- Owner: ranile
- License: apache-2.0
- Created: 2020-09-18T14:10:16.000Z (about 4 years ago)
- Default Branch: material-3
- Last Pushed: 2024-04-17T10:36:58.000Z (7 months ago)
- Last Synced: 2024-10-17T13:17:10.085Z (22 days ago)
- Topics: material-components, material-design, rust, wasm, wrapper, yew, yew-material
- Language: Rust
- Homepage: https://material-yew.rm.rs
- Size: 1010 KB
- Stars: 229
- Watchers: 8
- Forks: 35
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-yew - material-yew - Yew wrapper for Material Web Components. (Crates / Component Libraries)
README
# Material Yew
*Material Yew* is a components library for [Yew framework](https://yew.rs/) which is a wrapper around [Material Web Components](https://github.com/material-components/material-web) exposing Yew components. All modern browsers are supported.
### Example
```rust
use material_yew::Button;
use yew::html;html! {
};
```## Getting started
### Installation
`Cargo.toml`:
```toml
[dependencies]
material-yew = "*"
```Material icons and a Material font can also be imported for full functionality.
`index.html`:
```html```
It's also important to note that you need `viewport` `meta` tag for the Material Components to be responsive.
```html```
## Documentation
Full API documentation can be found [here](https://yew-material.web.app/docs/material_yew).
## Contributing
1. Fork it ()
2. Create your feature branch (`git checkout -b your-feature-branch`)
3. Commit your changes (`git commit -am 'Add some fooBar'`)
4. Push to the branch (`git push origin your-feature-branch`)
5. Create a new Pull Request