Components for Loja Integrada admin. [https://lojaintegrada.github.io/admin-components/](https://lojaintegrada.github.io/admin-components/)
npm install @lojaintegrada/admin-componentsComponents for Loja Integrada admin.
https://lojaintegrada.github.io/admin-components/
``bash`
yarn storybook
`bash`
yarn test
yarn test:cypress
`bash`
yarn lintRun before each commit
yarn lint --fix
`bash`
npx tailwind-config-viewer
- Merge the PR to mainstyleguide@VERSION
- Create an release with the pattern , like styleguide@0.0.23
- Check result at GitHub Actions
Deploy to GitHub Pages is automatic after deploy to NPM
This project works with both Jest or Cypress Components.
Use .spec. for Cypress and .test. for Jest
`js
import { Button } from '@lojaintegrada/admin-components'
`
Calculates the real cost of your library using size-limit with yarn size and visulize it with yarn analyze.
CJS, ESModules, and UMD module formats are supported.
Per Palmer Group guidelines, always use named exports. Code split inside your React app instead of your React library.
Prefer using only Tailwind classes
[WIP]
For vanilla CSS, you can include it at the root directory and add it to the files section in your package.json`, so that it can be imported separately by your users and run through their bundler's loader.
> If you’re new to TypeScript and React, checkout this handy cheatsheet
> NOTE: Stories should reference the components as if using the library, similar to the example playground. This means importing from the root project directory. This has been aliased in the tsconfig and the storybook webpack config as a helper.