![grapes](https://user-images.githubusercontent.com/37290761/165259641-068e675a-a24a-4bc0-9021-9a69f95475c8.jpeg)

[![npm package](https://img.shields.io/npm/v/@dev-spendesk/grapes.svg)](https://npmjs.com/package/@dev-spendesk/grapes)
[![storybook](https://shields.io/badge/storybook-grey?logo=storybook&style=flat)](https://storybook.spendesk.design) [![CI](https://github.com/Spendesk/grapes/actions/workflows/build-test-and-lint.yml/badge.svg)](https://github.com/Spendesk/grapes/actions/workflows/build-test-and-lint.yml) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/spendesk/grapes/blob/main/.github/CONTRIBUTING.md)

# :grapes: Grapes

**The Spendesk component library for building and providing a consistent experience to anyone**

---

## Documentation

For full documentation, visit [our documentation website](https://grapes.spendesk.design).

## Contributing

Pull requests are welcome. See the [contributing guidelines](CONTRIBUTING.md) for more information.

## Resources

[Storybook](https://storybook.spendesk.design)

## License

[MIT](LICENSE).

---

## Quick Start

To start developing locally, you can simply run the following commands:

```bash
npm install
npm run dev          # Start Storybook and open it on `http://localhost:6006/` by default
```

The playground is the place where you can:

- Test components
- Dev components

Playground files are in the `src/playground` folder and the `index.html` is at the root.

```bash
npm run play
```