arz-react-components

React components library developed in Arzion using StoryBooks

Storybook configuration

• npx sb init
• Choose that is a React project with
• yarn add react react-dom classnames
• yarn add --dev prop-types prettier eslint eslint-plugin-prettier eslint-plugin-react eslint-config-prettier
• yarn run eslint --init
• yarn add --dev husky lint-staged
• npx husky install
• npm set-script prepare "husky install"
• npx husky add .husky/pre-commit "npx lint-staged"

Add this code to package.json "lint-staged": { "*/": "prettier --write --ignore-unknown" }

Design token: https://undefined.sh/design-tokens-al-rescate/

Run: yarn storybook

atoms

• Banner
• Button
• Card
• Dropdown
• Icon
• Input
• Grid
• Tooltip

molecules

• Accordion
• AlertIcon
• AlertButton
• Chips
• Snackbar
• Table