{"_id":"@alfiejones/flowbite-react","name":"@alfiejones/flowbite-react","dist-tags":{"latest":"0.4.2"},"versions":{"0.4.2":{"name":"@alfiejones/flowbite-react","version":"0.4.2","description":"Official React components built for Flowbite and Tailwind CSS","keywords":["design-system","flowbite","flowbite-react","react","tailwind","tailwindcss","tailwind-css"],"homepage":"https://flowbite-react.com","bugs":{"url":"https://github.com/themesberg/flowbite-react/issues"},"license":"MIT","main":"./lib/cjs/index.js","module":"./lib/esm/index.js","types":"./lib/esm/index.d.ts","repository":{"type":"git","url":"git+https://github.com/themesberg/flowbite-react.git"},"scripts":{"build":"react-app-rewired build --profile","build:lib":"yarn build:lib:esm && yarn build:lib:cjs","build:lib:cjs":"tsc -p tsconfig.lib.json","build:lib:esm":"tsc -p tsconfig.lib.json --module esnext --declaration --outDir ./lib/esm","build:storybook":"build-storybook -o ./build/storybook","commit":"cz","cypress:open":"cypress open","cypress:run":"cypress run","lint":"eslint --color .","prettier":"prettier --check .","prettier:fix":"prettier --write .","prepare":"husky install","prepublishOnly":"yarn build:lib","release":"standard-version -a","start":"react-app-rewired start","start:storybook":"start-storybook -p 6006","test":"vitest","test:coverage":"vitest run --coverage","test:open":"vitest --ui","test:e2e":"start-test 3000 cypress:run","test:e2e:open":"start-test 3000 cypress:open"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"dependencies":{"@floating-ui/react":"^0.20.1","classnames":"^2.3.2","react-icons":"^4.7.1","react-indiana-drag-scroll":"^2.2.0"},"devDependencies":{"@babel/core":"^7.21.0","@babel/plugin-syntax-flow":"^7.18.6","@babel/plugin-transform-react-jsx":"^7.21.0","@commitlint/cli":"^17.4.4","@commitlint/config-conventional":"^17.4.4","@mdx-js/react":"^2.3.0","@storybook/addon-a11y":"^6.5.16","@storybook/addon-actions":"^6.5.16","@storybook/addon-docs":"^6.5.16","@storybook/addon-essentials":"^6.5.16","@storybook/addon-interactions":"^6.5.16","@storybook/addon-links":"^6.5.16","@storybook/addon-postcss":"^2.0.0","@storybook/addons":"^6.5.16","@storybook/api":"^6.5.16","@storybook/builder-webpack5":"^6.5.16","@storybook/components":"^6.5.16","@storybook/core-events":"^6.5.16","@storybook/manager-webpack5":"^6.5.16","@storybook/react":"^6.5.16","@storybook/testing-library":"^0.0.13","@storybook/theming":"^6.5.16","@testing-library/dom":"^9.0.0","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","@testing-library/user-event":"^14.4.3","@types/node":"^18.14.3","@types/react":"^18.0.28","@types/react-dom":"^18.0.11","@types/react-syntax-highlighter":"^15.5.6","@typescript-eslint/eslint-plugin":"^5.54.0","@typescript-eslint/parser":"^5.54.0","@vitejs/plugin-react":"^3.1.0","@vitest/coverage-c8":"^0.29.2","@vitest/ui":"^0.29.2","autoprefixer":"^10.4.13","axe-core":"^4.6.3","babel-loader":"^9.1.2","commitizen":"^4.3.0","cypress":"^12.7.0","cypress-axe":"^1.4.0","cz-conventional-changelog":"3.3.0","eslint":"^8.35.0","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-storybook":"^0.6.11","flowbite":"^1.6.3","husky":"^8.0.3","jsdom":"^21.1.0","lint-staged":"^13.1.2","postcss":"^8.4.21","prettier":"^2.8.4","prettier-plugin-organize-imports":"^3.2.2","prettier-plugin-tailwindcss":"^0.2.3","react":"^18.2.0","react-app-rewired":"^2.2.1","react-dom":"^18.2.0","react-element-to-jsx-string":"^15.0.0","react-router-dom":"^6.8.2","react-scripts":"^5.0.1","react-syntax-highlighter":"^15.5.0","require-from-string":"^2.0.2","resize-observer-polyfill":"^1.5.1","standard-version":"^9.5.0","start-server-and-test":"^2.0.0","storybook-dark-mode":"^2.1.1","tailwindcss":"^3.2.7","typescript":"^4.9.5","vite":"^4.1.4","vitest":"^0.29.2","webpack":"^5.75.0"},"peerDependencies":{"flowbite":"^1","react":"^18","react-dom":"^18","tailwindcss":"^3"},"overrides":{"@mdx-js/react":{"react":"^18.2.0","react-dom":"^18.2.0"}},"private":false,"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"eslintConfig":{"extends":["eslint:recommended","plugin:@typescript-eslint/recommended","plugin:react-hooks/recommended","plugin:storybook/recommended"],"ignorePatterns":["/build","/docs","/lib","commitlint.config.js","config-overrides.js","lint-staged.js","postcss.config.js","tailwind.config.js"],"parser":"@typescript-eslint/parser","parserOptions":{"ecmaFeatures":{"jsx":true},"project":["tsconfig.json","cypress/tsconfig.json"]},"plugins":["@typescript-eslint","react-hooks","storybook"],"root":true,"rules":{"@typescript-eslint/consistent-type-imports":"warn"}},"gitHead":"be78e5e748a64ee213018837c576a75ed35a4f13","_id":"@alfiejones/flowbite-react@0.4.2","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-9Yt678G56EnI1ocXyWDGD3iT04l3amwbaCZJkyK9pvBa53F928RSsxW8Jm7E6ZYMzt4UiVcwBq3j6v4vUCLzSg==","shasum":"36b2c2196a18fd75bfff9338674693b1ad53e2ef","tarball":"https://registry.npmjs.org/@alfiejones/flowbite-react/-/flowbite-react-0.4.2.tgz","fileCount":432,"unpackedSize":494234,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDM2da3dRbVtIjZnNDBofyTNoyOSUNAgrpg0tRmDWfqWgIgK27j6SVTDxNYnwU3f3MlPvv1TkeaPfO9TL9+od7j4uU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkIfipACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrZyRAAoaKERptvf0dC38v4e4ZkmM6Pk9dqR/f4x24+FP5BtF9DC+6A\r\n9jR7Ip07bO+laQCpI2HvP/pldruY4JIh5QkwAw969KaittPRJtRRKR4puFKN\r\ng9AtC340JDUv6iaTdXHIfKlrgNFClUHidq5Ku3nxpjY3m3tH2IOt/dFprb0u\r\nlJZO/g5k3e3M+xdA5i0pycmYE0OvhStBVwWl+EkTWFR1X376CkjSqmT0sBXH\r\nB8tHEoJ8C+XiK5ZFI+9vbGrgGnvMyc39BjUqbT6EpniYCDPt0DVtCV4bKvT9\r\n3W/1GNmy4cBvybX1VQ0FW+m2+TUen82KrjFXFe5PCpqpxI0IBdrn3p40AL0W\r\nssxYyJAvokB+TaZ3t80PS0FZMP3ZkG18sKyP8LEdUmAaJZtP9OGwyhFkSg3w\r\njFz8YYyco/8hzveHYx49bgECn1d2zXfbbwFtN86gtJwK/Dy6ib2W+qU+qYlR\r\ndfEMOVpag/IJcdTcn5u/o0zOkZnsprRHIBVUvWI9fLONarJbp/7av7XnH0wu\r\n1/sLmrl8LYdNL/tDRcLS0WI9dnoavD9Vk5ltqBpY+VI3A7EPSDX4N8tnoESl\r\nCj1kw0vA/vlVKjeDG+ojwbrDfng3wXr2Fn2sEck5Pjvxv0Bm8ChhKvw9QJYT\r\nmRHzR5qX487zZdWsgyXQv/e5JqH7mdShThE=\r\n=pueL\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"alfiejones","email":"alfie.jones@hotmail.co.uk"},"directories":{},"maintainers":[{"name":"alfiejones","email":"alfie.jones@hotmail.co.uk"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/flowbite-react_0.4.2_1679947944926_0.17110296382343426"},"_hasShrinkwrap":false}},"time":{"created":"2023-03-27T20:12:24.777Z","0.4.2":"2023-03-27T20:12:25.106Z","modified":"2023-03-27T20:12:25.353Z"},"maintainers":[{"name":"alfiejones","email":"alfie.jones@hotmail.co.uk"}],"description":"Official React components built for Flowbite and Tailwind CSS","homepage":"https://flowbite-react.com","keywords":["design-system","flowbite","flowbite-react","react","tailwind","tailwindcss","tailwind-css"],"repository":{"type":"git","url":"git+https://github.com/themesberg/flowbite-react.git"},"bugs":{"url":"https://github.com/themesberg/flowbite-react/issues"},"license":"MIT","readme":"
\r\n

:construction: flowbite-react (unreleased) :construction:

\r\n

\r\n \r\n \"Flowbite\r\n \r\n

\r\n

\r\n Build websites even faster with components on top of React and Tailwind CSS\r\n

\r\n

\r\n \r\n \r\n \r\n \r\n \"Discord\"\r\n \r\n \r\n \"Total\r\n \r\n \r\n \"Latest\r\n \r\n \r\n \"Licenese\"\r\n \r\n

\r\n
\r\n\r\n---\r\n\r\n[![Screenshot of flowbite-react.com](https://i.postimg.cc/hjdhcF2t/Screen-Shot-2022-05-01-at-19-34-39-fullpage.png)](https://postimg.cc/bDqq95X7)\r\n\r\n---\r\n\r\n### `flowbite-react` is an open source collection of UI components, built in React, with utility classes from Tailwind CSS that you can use as a starting point for user interfaces and websites.\r\n\r\n## Table of Contents\r\n\r\n- [Table of Contents](#table-of-contents)\r\n- [Documentation](#documentation)\r\n- [Getting started](#getting-started)\r\n- [Customize components](#customize-components)\r\n- [Components](#components)\r\n- [Community](#community)\r\n- [Contributing](#contributing)\r\n- [Figma](#figma)\r\n- [Copyright and license](#copyright-and-license)\r\n\r\n## Documentation\r\n\r\nDocumentation for `flowbite-react` is not yet finished.\r\n\r\nIf you want to browse the components, visit [flowbite-react.com](https://flowbite-react.com/).\r\n\r\nIf you want to learn more about Flowbite, visit [Flowbite docs](https://flowbite.com/getting-started/introduction/).\r\n\r\n## Getting started\r\n\r\nMake sure you have [Node.js](https://nodejs.org/en/) installed.\r\n\r\nTo use `flowbite-react`, you need to setup [`flowbite`](https://github.com/themesberg/flowbite) and also install `flowbite-react` from `npm` or `yarn`.\r\n\r\n`flowbite` can be included as a plugin into an existing Tailwind CSS project.\r\n\r\n1. Install `flowbite` as a dependency using `npm` by running the following command:\r\n\r\n```bash\r\nnpm i flowbite flowbite-react # or yarn add flowbite flowbite-react\r\n```\r\n\r\n2. Require `flowbite` as a plugin inside the `tailwind.config.js` file, and include content from `flowbite-react`:\r\n\r\n```javascript\r\nmodule.exports = {\r\n content: [\r\n ...,\r\n 'node_modules/flowbite-react/**/*.{js,jsx,ts,tsx}'\r\n ],\r\n plugins: [..., require('flowbite/plugin')],\r\n ...\r\n};\r\n```\r\n\r\n## Customize components\r\n\r\nYou can customize every component in `flowbite-react`. We've provided a few different methods so just about any use case you have should be covered for now. \r\n\r\nSee [https://flowbite-react.com/theme](https://flowbite-react.com/theme)\r\n\r\n## Components\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
AlertsBadgeBreadcrumbs
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
ButtonsButton groupCards
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
DropdownFormsList group
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
:construction: TypographyModalTabs
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
NavbarPaginationTimeline
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
Progress barTablesToast
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
Tooltips:construction: DatepickerSpinner
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
FooterAccordionSidebar
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
CarouselAvatarRating
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
Input FieldFile Input:construction: Search Input
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
SelectTextareaCheckbox
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
RadioToggleRange Slider
\r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n \r\n \r\n \"Tailwind\r\n \r\n
:construction: Floating Label
\r\n \r\n \"Tailwind\r\n \r\n
\r\n\r\n## Community\r\n\r\nIf you need help or just want to discuss about the library join the community on Github:\r\n\r\n⌨️ [Discuss about Flowbite on GitHub](https://github.com/themesberg/flowbite/discussions)\r\n\r\nFor casual chatting with others using the library:\r\n\r\n💬 [Join the Flowbite Discord Server](https://discord.gg/4eeurUVvTy)\r\n\r\n## Contributing\r\n\r\nThank you for your interest in helping! Visit our [guide on contributing](https://github.com/themesberg/flowbite-react/blob/main/CONTRIBUTING.md) to get started.\r\n\r\n## Figma\r\n\r\nIf you need the Figma files for the components you can check out our website for more information:\r\n\r\n🎨 [Get access to the Figma design files](https://flowbite.com/figma/)\r\n\r\n## Copyright and license\r\n\r\nThe Flowbite name and logos are trademarks of Crafty Dwarf Inc.\r\n\r\n📝 [Read about the licensing terms](https://flowbite.com/docs/getting-started/license/)\r\n📀 [Brand guideline and trademark usage agreement](https://flowbite.com/brand/)\r\n","readmeFilename":"README.md"}