backend.ai-webui
backend.ai-webui copied to clipboard
lablup
Replace weightless component to mwc
Is your feature request related to a problem? Please describe. A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] 기능 요청이 특정 문제에 연관된 것이라면 여기에 그 문제를 설명해주세요.
Since mwc(material-compontents-web-components) has become our new UI-library standard, we need to replace weightless components with mwc unless it's irreplaceable.
Describe the solution you'd like A clear and concise description of what you want to happen. 어떤 기능이 있으면 좋겠는지 자세히 설명해주세요.
According to the latest release of mwc(v0.21.0), almost every UI component except wl-expansion could be replaced to mwc.
| weightless | mwc(material-components-web-components) |
|---|---|
| wl-button | mwc-button |
| wl-card | mwc-dialog or backend-ai-dialog |
| wl-checkbox | mwc-checkbox |
| wl-dialog | mwc-dialog or backend-ai-dialog |
| wl-icon | mwc-icon or mwc-icon-button |
| wl-label | mwc-button* ( *disabled must be enabled) |
| wl-list-item | mwc-dialog or backend-ai-dialog |
| wl-popover | mwc-tooltip * (NOT IMPLEMENTED YET) |
| wl-progress-bar | mwc-linear-progress |
| wl-progress-spinner | mwc-circular-progress |
| wl-select | partially mwc-select (since, mwc-select doesn't store initial selection,some components need to us wl-select instead of mwc-select) |
| wl-snackbar | mwc-snackbar |
| wl-switch | mwc-switch |
| wl-tab | mwc-tab |
| wl-tab-group | mwc-tab-bar |
| wl-textfield | mwc-textfield |
| wl-textarea | mwc-textarea |
| wl-title | basic html elements h1, h2, h3, h4, ... |
Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered. 혹시 다른 대안들을 생각해본 적이 있다면 함께 적어주세요.
Additional context Add any other context or screenshots about the feature request here. 기능 요청에 대해 보다 잘 이해할 수 있는 다른 맥락을 기술해주세요.
According to the latest updates on mwc, there will be a huge update in mwc (mwc -> Material You). Therefore we need to be prepared and get in action for the changes.