**Euler Materials** is a component library to help deliver the best experience and drive consistency between Euler web apps.
npm install @eulerxyz/euler-materialsEuler Materials is a component library to help deliver the best experience and drive consistency between Euler web apps.
```
.
├── src
│ ├── components
| │ ├── Button
| | │ ├── Button.api.mdx
| | │ ├── Button.classes.ts
| | │ ├── Button.docs.mdx
| | │ ├── Button.stories.tsx
| | │ ├── Button.styles.ts
| | │ ├── Button.tsx
| | │ ├── Button.types.ts
| | │ └── index.ts
| │ └── index.ts
│ └── index.ts
To install the package: npx install-peerdeps @eulerxyz/euler-materials
1. Clone this repo to your local device
2. Create a branch: git checkout -b ED-{TASKNO}-{BRANCHNAME}yarn
3. Install dependencies: yarn dev
4. Start the development server: main
5. Make commits using the conventional commits format
6. Create pull requests against the branch
`sh`
yarn dev:storybook
Run tests with a coverage report:
`sh`
yarn test
Run tests and re-run on file change:
`sh`
yarn test:watch
Check for type errors:
`sh`
yarn tsc:check
Lint files with ESLint, Prettier and Stylelint
`sh`
yarn lint:eslint
yarn lint:prettier
yarn lint:stylelint
There is an implemented component generation script that will generate the boiler plate of a component.
To do this run
`sh``
yarn generate:component --component=ComponentName