matsp / material-components-vue Goto Github PK
View Code? Open in Web Editor NEWMaterial Design styled components for Vue.js
Home Page: https://matsp.github.io/material-components-vue
License: MIT License
Material Design styled components for Vue.js
Home Page: https://matsp.github.io/material-components-vue
License: MIT License
Following components don't have a documentation yet:
Mdc-web removed dark-theme support, so a theme component is no longer needed. Instead each component should be customizable.
Open a pull request at the material-components-web repository to add this library to the main README.
decouple in sub-components for maximal flexibility (custom theming e.g.)
Setters are ill-defined for the LinearProgress component, namely on lines 49 and 52.
We have an attempt to set the value of progress and buffer using function calls, while the setters should be using a normal attribution expression.
Code should be
instead of
This leads to an exception being raised and hinders the functionality of the LinearProgress.
At the moment it's just possible to use material icons named '_border' as data-off icon.
Refactor the component to use any material icon for data-on and data-off.
leave a note to add polyfills if needed
find a way to use list component instead of duplicate code
When all components have a demo.
The mixin should push CSS classes depended on set props e.g. secondary-bg
this mixin should extend the root elements of the components with props e.g. "primary-bg" or "secondary-text"
Improvements:
There will be no big umd module with all components in the future. While assembling a PWA app this gives me to much critical blocking CSS. Users who want all components have to import all manually or just that they want.
Try to implement this behavior with a vue mixin and pass the style data as object prop.
Use the webpack code splitting feature to load vue components async.
Simple configurable dark theme integration.
Without scrollbar the body is not 100% dark.
Add secondary theme mixin for relevant components:
e.g. what is the best way to support a fully custimizable button (color, round edges, ...)
...
I accidentally publishd the hole dev directory to npm..
Simple configurable RTL integration.
Failed to compile with 1 errors
error in ./node_modules/material-components-vue/components/Theme/Theme.vue
Module build failed: Error: Couldn't find preset "stage-0" relative to directory "D:\\app\\node_modules\\material-components-vue"
my js:
import MDTheme from 'material-components-vue/components/Theme/Theme.vue'
Use postcss with serveral plugins.
model should be mdc-web...
There are a few components in the project that are just wrapping the CSS class of mdc-web and are stateless. As performance optimization we could use functional components that render faster.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.