JSPM

  • Created
  • Published
  • Downloads 3470
  • Score
    100M100P100Q124576F
  • License MIT

@material-tailwind/html is an easy-to-use components library for Tailwind CSS inspired by Material Design.

Package Exports

  • @material-tailwind/html/utils/withMT
  • @material-tailwind/html/utils/withMT.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@material-tailwind/html) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

material-tailwind

Material Tailwind


Total Downloads Version Licenese



Documentation

Visit https://www.material-tailwind.com/docs/html/installation for full documentation.


Components

Accordion Alert Avatar
accordion alert avatar
Badge Breadcrumbs Button
badge breadcrumbs button
Button Group Card Checkbox
button-group card checkbox
Chip Sidebar Table
chip sidebar table
Dialog Drawer Icon Button
dialog drawer icon-button
Input Form List
input form list
Menu Navbar Popover
menu navbar popover
Progress Bar Pagination Radio Button
progress-bar pagination radio-button
Rating Bar Select Slider
rating-bar select slider
Speed Dial Spinner Stepper
speed-dial spinner stepper
Switch Tabs Text Area
switch tabs textarea
Timeline Tooltip Typography
timeline tooltip typography
Footer Image Video
footer img video

Getting Started

Learn how to use @material-tailwind/html components to quickly and easily create elegant and flexible pages using Tailwind CSS.

@material-tailwind/html is working with Tailwind CSS classes and you need to have Tailwind CSS installed on your project - Tailwind CSS Installation.


  1. Intall @material-tailwind/html
npm i @material-tailwind/html

  1. Once you install @material-tailwind/html you need to wrap your tailwind css configurations with the withMT() function coming from @material-tailwind/html/utils.
const withMT = require("@material-tailwind/html/utils/withMT");

module.exports = withMT({
  content: ["./index.html"],
  theme: {
    extend: {},
  },
  plugins: [],
});

  1. Congratulations 🥳, you did it, now you're ready to use @material-tailwind/html.


Community

We're excited to see the community adopt Material Tailwind, raise issues, and provide feedback. Whether it's a feature request, bug report, or a project to showcase, please get involved!

Contributing

Contributions are always welcome!

See CONTRIBUTING.md for ways to get started.

Please adhere to this project's CODE_OF_CONDUCT.md.

License

MIT