open-index/open-npm huggingface dataset:
npm package: @qimpl/components-library
Description: [![JavaScript Style Guide](https://img.shields.io/badge/code%20style-airbnb-brightgreen.svg)](https://airbnb.io/javascript/) [![Version](https://img.shields.io/github/v/release/qimpl/components-library)](https://github.com/qimpl/components-library/release
Latest version: 0.8.7

# Qimpl Components

[![JavaScript Style Guide](https://img.shields.io/badge/code%20style-airbnb-brightgreen.svg)](https://airbnb.io/javascript/)
[![Version](https://img.shields.io/github/v/release/qimpl/components-library)](https://github.com/qimpl/components-library/releases)
[![NPM](https://img.shields.io/npm/v/@qimpl/components-library.svg)](https://www.npmjs.com/package/@qimpl/components-library)
![Code Quality Status](https://github.com/qimpl/components-library/workflows/Code%20Quality/badge.svg?branch=master)
[![Storybook](https://img.shields.io/badge/Storybook-gh%20pages-ff69b4.svg)](https://qimpl.github.io/components-library)

## Install

```bash
npm install --save components-library
```

## Components

- Anchor
- Button
- Card
- Carousel
- CookieBanner
- Form
- Input
- Map
- Menu
- MenuItem
- Pricing
- Select
- Text
- Title
- VisitPicker

## Usage

JavaScript :

```jsx
import React from 'react';

import { Button, Theme } from '@qimpl/components-library';

const Example = () => (
  <Button handleClick={() => console.log('clicked')} color={Theme.colors.primary}>
    My button
  </Button>
);

export default Example;
```

TypeScript :

```tsx
import React from 'react';

// Components props type can be imported
// import { ButtonProps } from '@qimpl/components-library';
import { Button, Theme } from '@qimpl/components-library';

const Example = (): React.ReactElement => (
  <Button handleClick={() => console.log('clicked')} color={Theme.colors.primary}>
    My button
  </Button>
);

export default Example;
```