Components for Loja Integrada admin. https://lojaintegrada.github.io/admin-components/
yarn add @loja-integrada/admin-components
import { Button } from '@loja-integrada/admin-components'
<Button></Button>
yarn storybook
yarn test
yarn test:cypress
yarn lint
# Run before each commit
yarn lint --fix
npx tailwind-config-viewer
- Merge the PR to
main
- Create an release with the pattern
styleguide@VERSION
, likestyleguide@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
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.