preact-material-components

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!!!

Components List

• 👍 button

• 👍 card

• 👍 checkbox

• 👍 dialog

• 👍 drawer

• 👍 elevation

• 👍 fab

• 👍 form-field

• 👍 icon-toggle

• 👍 layout-grid

• 👍 linear-progress

• 👍 list

• 👍 menu

• 👍 radio

• 👍 select

• 👍 slider

• 👍 snackbar

• 👍 switch

• 👍 tabs

• 👍 textfield

• 👍 theme

• 👍 toolbar

Using preact-material-components?

• HopOn. A progressive web game built with #preact, #babylonJs #preact-material-components

• Documentaion. Documentaion and demo site for preact-material-components.

Let us know if you're using preact-material-components and love them. Send us a PR and add your projects and link right here.

FAQ

Error while using preact-material-components with less

If you are using less-loader you have to set strictMath: true option in your webpack config

{
	loader: 'less-loader',
	options: { strictMath: true }
}

Docs and Demos

https://material.preactjs.com/