Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/akinoccc/material-v3
A web component Library base on material design v3.
https://github.com/akinoccc/material-v3
component-library material-design material-ui typescipt ui-components vue3
Last synced: about 2 months ago
JSON representation
A web component Library base on material design v3.
- Host: GitHub
- URL: https://github.com/akinoccc/material-v3
- Owner: akinoccc
- Created: 2023-03-22T06:12:56.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-13T09:00:02.000Z (over 1 year ago)
- Last Synced: 2024-10-12T17:41:46.223Z (3 months ago)
- Topics: component-library, material-design, material-ui, typescipt, ui-components, vue3
- Language: SCSS
- Homepage: https://akinocccc.github.io/material-v3/
- Size: 1.17 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚧 Material V3
**‼ I'm preparing for my master's exam, so the development progress will be slow, but if someone opens the PR, I'll deal with it as soon as possible. ‼**
## Components
| Name | Alpha | Beta | Stable |
| ------------------ | :---: | :--: | :----: |
| Avatar | ✅ | ❌ | ❌ |
| Badge | ✅ | ❌ | ❌ |
| Bottom app bar | ❌ | ❌ | ❌ |
| Bottom sheets | ❌ | ❌ | ❌ |
| Button | ❌ | ❌ | ❌ |
| Card | 🚧 | ❌ | ❌ |
| Carousel | ❌ | ❌ | ❌ |
| Checkbox | ❌ | ❌ | ❌ |
| Chips | ❌ | ❌ | ❌ |
| Date picker | ❌ | ❌ | ❌ |
| Dialog | ❌ | ❌ | ❌ |
| Divider | 🚧 | ❌ | ❌ |
| Elevation | ✅ | ❌ | ❌ |
| FAB | ❌ | ❌ | ❌ |
| Form | ❌ | ❌ | ❌ |
| Grid | ✅ | ❌ | ❌ |
| Icon button | ❌ | ❌ | ❌ |
| List | ❌ | ❌ | ❌ |
| Menu | ❌ | ❌ | ❌ |
| Navigation bar | ❌ | ❌ | ❌ |
| Navigation rail | ❌ | ❌ | ❌ |
| Progress indicator | ❌ | ❌ | ❌ |
| Radio button | ❌ | ❌ | ❌ |
| Search | ❌ | ❌ | ❌ |
| Segmented button | ❌ | ❌ | ❌ |
| Side sheets | ❌ | ❌ | ❌ |
| Select | ❌ | ❌ | ❌ |
| Slider | ❌ | ❌ | ❌ |
| Snackbar | ❌ | ❌ | ❌ |
| Switch | ❌ | ❌ | ❌ |
| Tabs | ❌ | ❌ | ❌ |
| Text field | ❌ | ❌ | ❌ |
| Time picker | ❌ | ❌ | ❌ |
| Tooltip | ❌ | ❌ | ❌ |
| Top app bars | ❌ | ❌ | ❌ |
## Dev guide
### Install
```shell
pnpm i
```
### Start Dev
```shell
pnpm dev
```
You can import the component to "/example/app.example.vue" which you want to preview.
## Build
```shell
pnpm build
```