preact components for material-components-web
These components bring material components in an a-la-cartΓ© fashion.
You can use n
number of components without taking the weight of any extra code of the components you do not use.
preact-material-components
is a thin opinion-less wrapper over material-components-web. Use these for painless integration of these components into your project, without taking the bloat.
Smaller bundles FTW!!!
-
π button
-
π card
-
π chips
-
π checkbox
-
π dialog
-
π drawer
-
π elevation
-
π fab
-
π form-field
-
π icon-toggle
-
π layout-grid
-
π line-ripple
-
π linear-progress
-
π list
-
π menu
-
π radio
-
π select
-
π slider
-
π snackbar
-
π switch
-
π tabs
-
π textfield
-
π theme
-
π toolbar
If you are using less-loader you have to set strictMath: true option in your webpack config
{
loader: 'less-loader',
options: { strictMath: true }
}
To use theming props like primary/secondary, you'll need to include Theme's css
import 'preact-material-components/Theme/style.css';
https://material.preactjs.com/
P.S.: Let us know if you're using preact-material-components
we would love to hear your experiences.