<div align="center">
    <h1>@sveltinio/essentials</h1>
    <a href="https://github.com/sveltinio/components-library/blob/main/LICENSE" target="_blank">
        <img src="https://img.shields.io/badge/license-mit-blue?style=flat-square&logo=none" alt="license" />
    </a>
    &nbsp;
    <a href="https://www.npmjs.com/package/@sveltinio/essentials" target="_blank">
        <img src="https://img.shields.io/npm/v/@sveltinio/essentials.svg?style=flat" alt="sveltinio/essentials NPM version badge" />
    </a>
</div>

## Description

A collection of _essentials_, type-safe, accessible and configurable Svelte components.

## Demos

You can see live demos [here](https://www.sveltelab.dev/fe9w6pw2qs8sgm9) or if you clone the repos by running `pnpm dev`

## Components List

- [Button]
- [ButtonGroup]
- [ColorViewer]
- [Dropdown]
- [Link]
- [Tabs]
- [ToggleList]

## Install

```bash
# pnpm
pnpm install @sveltinio/essentials

# npm
npm install @sveltinio/essentials

# yarn
yarn add @sveltinio/essentials
```

## License

Free and open-source software under the [MIT License](LICENSE)

[Button]: https://github.com/sveltinio/components-library/tree/main/packages/essentials/src/lib/components/button
[ButtonGroup]: https://github.com/sveltinio/components-library/tree/main/packages/essentials/src/lib/components/button-group/
[ColorViewer]: https://github.com/sveltinio/components-library/tree/main/packages/essentials/src/lib/components/color/
[Dropdown]: https://github.com/sveltinio/components-library/tree/main/packages/essentials/src/lib/components/dropdown/
[Link]: https://github.com/sveltinio/components-library/tree/main/packages/essentials/src/lib/components/link/
[Tabs]: https://github.com/sveltinio/components-library/tree/main/packages/essentials/src/lib/components/tabs/
[ToggleList]: https://github.com/sveltinio/components-library/tree/main/packages/essentials/src/lib/components/list/
