<div align="center">
<h1>Dioxus Material</h1>
<a href="https://crates.io/crates/dioxus-material">
<img src="https://img.shields.io/crates/v/dioxus-material?style=flat-square"
alt="Crates.io version" />
</a>
<a href="https://docs.rs/dioxus-material/latest/dioxus_material/">
<img src="https://img.shields.io/badge/docs-stable-blue.svg?style=flat-square"
alt="docs.rs docs" />
</a>
<a href="https://dioxus-material.netlify.app/dioxus_material/">
<img src="https://img.shields.io/badge/docs-nightly-blue.svg?style=flat-square"
alt="nightly docs" />
</a>
<a href="https://dioxus-material-lookbook.netlify.app">
<img src="https://img.shields.io/badge/lookbook%20%F0%9F%91%80-purple"
alt="lookbook docs" />
</a>
<a href="https://github.com/dioxus-community/dioxus-material/actions">
<img src="https://github.com/dioxus-community/dioxus-material/actions/workflows/ci.yml/badge.svg"
alt="CI status" />
</a>
</div>
<br>
[Material You](https://m3.material.io/) components for [Dioxus](https://dioxuslabs.com/).
## Lookbook
This crate uses [lookbook](https://github.com/dioxus-community/lookbook) for component previews and testing.
You can check out the [live version](https://dioxus-material-lookbook.netlify.app)
or run it yourself by running `dx serve` in the `lookbook` directory.