Package Exports
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
Documentation
Visit https://www.material-tailwind.com/docs/html/installation for full documentation.
Components
| Accordion | Alert | Avatar |
|
|
|
| Breadcrumbs | Button | Card |
|
|
|
| Checkbox | Chip | Dialog |
|
|
|
| Icon Button | Input | Menu |
|
|
|
| Navbar | Pagination | Popover |
|
|
|
| Progress Bar | Radio Button | Select |
|
|
|
| Switch | Tabs | Textarea |
|
|
|
| Tooltip | Typography | |
|
|
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.
- Intall
@material-tailwind/html
npm i @material-tailwind/html- 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: [],
});- Congratulations 🥳, you did it, now you're ready to use @material-tailwind/html.
<button class="button button-pink">Button</button>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.