shidhincr / preact-material-components

preact wrapper for "Material Components for the web"

Home Page:https://material.preactjs.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

preact-material-components

Greenkeeper badge Dependencies badge build

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

  • Documentation. Documentation 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/

About

preact wrapper for "Material Components for the web"

https://material.preactjs.com

License:MIT License


Languages

Language:JavaScript 98.1%Language:Shell 1.9%