Custom-components-library

Innowise Lab Internship: Custom-components-lib

npm: ui-components_innowise

• React
• TypeScript
• Webpack
• CSS
• ESlint
• Prettier
• PreCommit-Hook
• Storybook
• Jest
• React Testing Library

View of components

1. Go to the folder 'ElementsView'
2. Install Dependencies: npm install;
3. Start: npm run dev

How to run the app

1. Install Dependencies: npm install;

2. Start:

   • Production mode: npm run build;
   • Patch version of package: npm run patch;
   • Publish to npm: npm run publish;
   • Install husky: npn run prepare;
   • Start storybook: npm run storybook;
   • Build storybook: npm run build-storybook
   • Check with ESlint: npm run lint;
   • Start tests: npm run test

UI-Components:

1. Button

   • size,
   • variant,
   • disabled,
   • href,
   • onClick,
   • children,
   • classes,
   • id,

2. Checkbox

   • label,
   • disabled,
   • checked,
   • size,
   • onChange,
   • id,
   • classes,
   • required,
   • inputRef

3. Switch

   • label,
   • checked,
   • disabled,
   • size,
   • onChange,
   • id,
   • classes,
   • required,
   • checked,
   • inputRef

4. Select

   • label,
   • options,
   • disabled,
   • required,
   • readonly,
   • helperText,
   • selectedItem,
   • error,
   • children,
   • onChange,
   • classes,
   • autoFocus,
   • id,
   • inputRef

5. TextField

   • variant,
   • size,
   • label,
   • disabled,
   • readonly,
   • type,
   • required,
   • helperText,
   • values,
   • error,
   • children,
   • onChange,
   • classes,
   • autoFocus,
   • placeHolder,
   • inputRef

6. Modal

   • title,
   • descr,
   • childTitle,
   • childDescr,
   • open,
   • children,
   • onClose,