{ "manifest": { "name": "@material-tailwind/react", "homepage": "https://material-tailwind.com/", "version": "2.1.9", "description": "@material-tailwind/react is an easy-to-use components library for ReactJS & Tailwind CSS inspired by Material Design.", "repository": { "type": "git", "url": "https://github.com/creativetimofficial/material-tailwind" }, "license": "MIT", "main": "index.js", "typings": "index.d.ts", "publishConfig": { "access": "public" }, "scripts": { "build:cjs": "swc ./src -d ./dist --only ./src/**/*.ts --config-file .swcrc", "build:dts": "tsc --declaration --declarationMap --emitDeclarationOnly", "copy": "cp ./package.json ./dist && cp ./README.md ./dist && cp ./LICENSE ./dist", "build": "pnpm build:cjs && pnpm build:dts && pnpm copy", "lint:check": "eslint . --ext js,jsx,ts,tsx --max-warnings=0 --config .eslintrc.json --no-eslintrc", "prettier:check": "prettier -c ." }, "dependencies": { "@floating-ui/react": "0.19.0", "classnames": "2.3.2", "deepmerge": "4.2.2", "framer-motion": "6.5.1", "material-ripple-effects": "2.0.1", "prop-types": "15.8.1", "react": "18.2.0", "react-dom": "18.2.0", "tailwind-merge": "1.8.1" }, "peerDependencies": { "react": "^16 || ^17 || ^18", "react-dom": "^16 || ^17 || ^18" }, "devDependencies": { "@swc/cli": "0.1.59", "@swc/core": "1.3.24", "@types/node": "18.11.18", "@types/react": "18.0.26", "@types/react-dom": "18.0.10", "@typescript-eslint/eslint-plugin": "5.47.1", "@typescript-eslint/parser": "5.47.1", "eslint": "8.31.0", "eslint-config-prettier": "8.5.0", "eslint-plugin-import": "2.26.0", "eslint-plugin-prettier": "4.2.1", "eslint-plugin-react": "7.31.11", "eslint-plugin-react-hooks": "4.6.0", "path": "0.12.7", "prettier": "2.8.1", "typescript": "4.9.4" }, "keywords": [ "material tailwind", "material tailwind react", "javascript", "react", "next", "create react app", "remix", "vite", "gatsby", "tailwind", "tailwind components", "tailwind elements", "tailwind library", "react library", "react components library", "tailwind sections", "tailwind css", "tailwind ui", "tailwind css react", "tailwind css next", "tailwind css remix", "tailwind css vite", "tailwind css gatsby" ], "_registry": "npm", "_loc": "/homez.1033/heliovt/.cache/yarn/v6/npm-@material-tailwind-react-2.1.9-d29bfa2f69a58708f85f22ce6ad798dbf1300c70-integrity/node_modules/@material-tailwind/react/package.json", "readmeFilename": "README.md", "readme": "\n \"material-tailwind\"\n

Material Tailwind

\n\n
\n

\n \n \"Total\n \n \n \"Version\"\n \n \n \"Licenese\"\n \n

\n\n
\n
\n\n## Documentation\n\nVisit https://www.material-tailwind.com/docs/react/installation for full documentation.\n\n
\n\n## Components\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
AccordionAlertAvatar
\n \n \"accordion\"\n \n \n \n \"alert\"\n \n \n \n \"avatar\"\n \n
BadgeBreadcrumbsButton
\n \n \"badge\"\n \n \n \n \"breadcrumbs\"\n \n \n \n \"button\"\n \n
Button GroupCardCheckbox
\n \n \"button-group\"\n \n \n \n \"card\"\n \n \n \n \"checkbox\"\n \n
ChipCollapseCarousel
\n \n \"chip\"\n \n \n \n \"collapse\"\n \n \n \n \"carousel\"\n \n
DialogDrawerIcon Button
\n \n \"dialog\"\n \n \n \n \"drawer\"\n \n \n \n \"icon-button\"\n \n
InputFormList
\n \n \"input\"\n \n \n \n \"form\"\n \n \n \n \"list\"\n \n
MenuNavbarPopover
\n \n \"menu\"\n \n \n \n \"navbar\"\n \n \n \n \"popover\"\n \n
Progress BarPaginationRadio Button
\n \n \"progress-bar\"\n \n \n \n \"pagination\"\n \n \n \n \"radio-button\"\n \n
Rating BarSelectSlider
\n \n \"rating-bar\"\n \n \n \n \"select\"\n \n \n \n \"slider\"\n \n
Speed DialSpinnerStepper
\n \n \"speed-dial\"\n \n \n \n \"spinner\"\n \n \n \n \"stepper\"\n \n
SwitchTabsText Area
\n \n \"switch\"\n \n \n \n \"tabs\"\n \n \n \n \"textarea\"\n \n
TimelineTooltipTypography
\n \n \"timeline\"\n \n \n \n \"tooltip\"\n \n \n \n \"typography\"\n \n
FooterImageVideo
\n \n \"footer\"\n \n \n \n \"img\"\n \n \n \n \"video\"\n \n
SidebarTable
\n \n \"sidebar\"\n \n \n \n \"table\"\n \n
\n\n
\n\n## Getting Started\n\nLearn how to use @material-tailwind/react components to quickly and easily create elegant and flexible pages using Tailwind CSS.\n\n@material-tailwind/react is working with Tailwind CSS classes and you need to have Tailwind CSS installed on your project - Tailwind CSS Installation.\n\n
\n\n1. Intall `@material-tailwind/react`.\n\n```bash\nnpm i @material-tailwind/react\n```\n\n
\n\n2. Once you install @material-tailwind/react you need to wrap your tailwind css configurations with the `withMT()` function coming from @material-tailwind/react/utils.\n\n```js\nconst withMT = require(\"@material-tailwind/react/utils/withMT\");\n\nmodule.exports = withMT({\n content: [\"./src/**/*.{js,jsx,ts,tsx}\"],\n theme: {\n extend: {},\n },\n plugins: [],\n});\n```\n\n
\n\n3. @material-tailwind/react comes with a theme provider that set's the default theme/styles for components or to provide your own theme/styles to your components. You need to wrap your entire application with the `ThemeProvider` coming from @material-tailwind/react.\n\n```jsx\nimport React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport App from \"./App\";\n\n// @material-tailwind/react\nimport { ThemeProvider } from \"@material-tailwind/react\";\n\nconst root = ReactDOM.createRoot(document.getElementById(\"root\"));\n\nroot.render(\n \n \n \n \n ,\n);\n```\n\n
\n\n4. Congratulations 🥳, you did it, now you're ready to use @material-tailwind/react.\n\n```jsx\nimport { Button } from \"@material-tailwind/react\";\n\nexport default function Example() {\n return ;\n}\n```\n\n
\n
\n\n## Community\n\nWe're excited to see the community adopt Material Tailwind, raise issues, and provide feedback.\nWhether it's a feature request, bug report, or a project to showcase, please get involved!\n\n- [Discord](https://discord.com/invite/FhCJCaHdQa)\n\n## Contributing\n\nContributions are always welcome!\n\nSee `CONTRIBUTING.md` for ways to get started.\n\nPlease adhere to this project's `CODE_OF_CONDUCT.md`.\n\n## License\n\n[MIT](https://github.com/creativetimofficial/material-tailwind/blob/main/LICENSE)\n", "licenseText": "# License\n\n##### MIT License\n\nCopyright © 2024 Material Tailwind by [Creative Tim](https://www.creative-tim.com?ref=material-tailwind)\n\n
\nPermission is hereby granted, free of charge, to any person obtaining a copy of this\nsoftware and associated documentation files (the \"Software\"), to deal in the Software\nwithout restriction, including without limitation the rights to use, copy, modify,\nmerge, publish, distribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to the following\nconditions:\n\n
\n\nThe above copyright notice and this permission notice shall be included in all copies\nor substantial portions of the Software.\n\n
\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n" }, "artifacts": [], "remote": { "resolved": "https://registry.yarnpkg.com/@material-tailwind/react/-/react-2.1.9.tgz#d29bfa2f69a58708f85f22ce6ad798dbf1300c70", "type": "tarball", "reference": "https://registry.yarnpkg.com/@material-tailwind/react/-/react-2.1.9.tgz", "hash": "d29bfa2f69a58708f85f22ce6ad798dbf1300c70", "integrity": "sha512-3uPlJE9yK4JF9DEQO4I1QbjR8o05+4fysLqoZ0v38TDOLE2tvDRhTBVhn6Mp9vSsq5CoJOKgemG7kbkOFAji4A==", "registry": "npm", "packageName": "@material-tailwind/react", "cacheIntegrity": "sha512-3uPlJE9yK4JF9DEQO4I1QbjR8o05+4fysLqoZ0v38TDOLE2tvDRhTBVhn6Mp9vSsq5CoJOKgemG7kbkOFAji4A== sha1-0pv6L2mlhwj4XyLOateY2/EwDHA=" }, "registry": "npm", "hash": "d29bfa2f69a58708f85f22ce6ad798dbf1300c70" }