# @semoss/components

## Setup Development Environment

### 1. Install **[pnpm](https://pnpm.io/installation)**

### 2. Clone the repository:

```
git clone https://repo.semoss.org/prototype/components.git
```

### 3. Install the packages:

```
pnpm install
```

### 4. View documention and develop components in [Storybook](https://storybook.js.org/):

```
pnpm storybook
```

## Useful references

[SEMOSS Design System](https://www.figma.com/file/VKo6QuXftgwGMnh7KWLKjM/SEMOSS-Design-System-1.0)

[TypeScript Documentation](https://www.typescriptlang.org/docs/)

[Generics Typescript video](https://www.youtube.com/watch?v=nViEqpgwxHE)

[React TypeScript Cheatsheet](https://react-typescript-cheatsheet.netlify.app/docs/basic/setup)

[Writing Stories](https://storybook.js.org/docs/react/writing-stories/introduction)

[WAI-ARIA Authoring Practices 1.2](https://www.w3.org/TR/wai-aria-practices-1.2/)
