https://github.com/AlephAlpha/muicss-yew

[WIP] MUI-CSS Components for Yew framework
https://github.com/AlephAlpha/muicss-yew

Last synced: about 2 months ago
JSON representation

[WIP] MUI-CSS Components for Yew framework

• Host: GitHub
• URL: https://github.com/AlephAlpha/muicss-yew
• Owner: AlephAlpha
• Created: 2020-01-14T00:09:52.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-04-10T12:22:43.000Z (over 3 years ago)
• Last Synced: 2024-04-10T04:07:09.170Z (5 months ago)
• Language: Rust
• Homepage:
• Size: 2.15 MB
• Stars: 34
• Watchers: 4
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-yew - muicss-yew - MUI-CSS Components for Yew framework. (Crates / Component Libraries)

README

        
# muicss-yew

MUICSS-yew is a component library for [Yew](https://yew.rs) framework based on the lightweight [MUI](https://www.muicss.com/) CSS framework.

:construction: This project is still work in progress. Many components are not yet supported. If those components are needed, you may use MUI-CSS directly (i.e., [with CSS and JS](https://www.muicss.com/docs/v1/css-js/boilerplate-html)) with Yew.

For other Yew component libraries, please see [awesome-yew](https://github.com/jetli/awesome-yew#component-libraries).

## Usage

Add these two lines in your static html file:

```html

```

Add muicss-yew to your `Cargo.toml`:

```toml

[dependencies]

muicss-yew = { git = "https://github.com/AlephAlpha/muicss-yew" }

```

For details, please see the following examples.

## Supported components and examples

- [x] [Appbar](https://alephalpha.github.io/muicss-yew/#appbar)

- [x] [Buttons](https://alephalpha.github.io/muicss-yew/#buttons)

- [x] [Caret](https://alephalpha.github.io/muicss-yew/#caret)

- [x] [Checkbox](https://alephalpha.github.io/muicss-yew/#checkbox)

- [x] [Container](https://alephalpha.github.io/muicss-yew/#container)

- [x] [Divider](https://alephalpha.github.io/muicss-yew/#divider)

- [x] [Dropdowns](https://alephalpha.github.io/muicss-yew/#dropdowns)

- [x] [Grid](https://alephalpha.github.io/muicss-yew/#grid)

- [x] [Input](https://alephalpha.github.io/muicss-yew/#input)

- [x] [Panels](https://alephalpha.github.io/muicss-yew/#panels)

- [x] [Textarea](https://alephalpha.github.io/muicss-yew/#textarea)