open-index/open-npm huggingface dataset:
npm package: @qwant/react-components
Description: Qwant React components library
Author: g.lariviere
Latest version: 0.4.10

# Qwant React Components

### How to use ?

Add `qwant-react-components` as a dependency.

```bash
yarn add @qwant/react-components
```

Don't forget to import components stylesheet

```js
import '../node_modules/@qwant/react-components/dist/main.css'
```

Import components in your project

```js
import { Button, Icon } from '@qwant/react-components'
```

You can add those dependencies (not required) to your project:
 - [react-grid-system](https://jsxmachina.github.io/react-grid-system/)
 - [qwant-react-feather-icons](https://github.com/QwantResearch/qwant-react-feather-icons)
npm package: @qwant/react-feather-icons
Description: React component for Qwant Feather icons
Author: Carmelo Pullara, Guillaume L.
Latest version: 0.1.8

## Qwant React Feather Icons

### Installation

```bash
yarn add @qwant/react-feather-icons
```

### Usage

```javascript
import React, { Component } from 'react'
import Icon from '@qwant/react-feather-icons'

class MyClass extends Component {
  render() {
    return (
      <Icon
        name="search"
        color="red"
        size={48}
      />
    )
  }
}
```

### Props

 - **name:** PropTypes.oneOf(['all', 'chevron', 'cross', 'images', 'list', 'logo', 'music', 'news', 'search', 'settings', 'shopping', 'social', 'videos', 'web']).isRequired
 - **color:** PropTypes.string
 - **size:** PropTypes.oneOfType([PropTypes.string, PropTypes.number])

###### chevron

 - **direction:** PropTypes.oneOf(['up', 'down', 'left', 'right']).isRequired

###### all

 - **active:** PropTypes.bool