# Components that we used frequently on our pages 
> 🎈 no need to re-create every UI component which you may need
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
[![MIT License](https://img.shields.io/npm/l/@snappmarket/ui.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/blob/develop/packages/ui/index.mdx)

[![Watch on GitHub](https://img.shields.io/github/watchers/snappmarket/frontend-toolbox.svg?style=social)](https://github.com/snappmarket/frontend-toolbox/watchers)
[![Star on GitHub](https://img.shields.io/github/stars/snappmarket/frontend-toolbox.svg?style=social)](https://github.com/snappmarket/frontend-toolbox/stargazers)

## get started
```bash 
npm i @snappmarket/ui
```


## usage
```javascript
import { COMPONENT } from '@snappmarket/ui';
```


## UI Components found here

| Component                                         |  Description                                                    |
| ------------------------------------------------- | --------------------------------------------------------------- |
| [Accordion](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/Accordion)                  | Accordion Ui component        |     
| [Alert](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/Alert)                          | Alert Ui component            | 
| [Breadcrumb](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/Breadcrumb)                | Breadcrumb Ui component       |     
| [Button](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/Button)                        | Button Ui component           | 
| [Carousel‌](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/Carousel‌)                    | Carousel Ui component           | 
| [Checkbox](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/CheckBox)                    | CheckBox Ui component         |     
| [ConfirmDialog](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/ConfirmDialog)          | ConfirmDialog Ui component    |         
| [Grid](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/Grid)                            | Grid Ui component             | 
| [GridSystem](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/GridSystem)                | GridSystem Ui component       |     
| [Image](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/Image)                          | Image Ui component            | 
| [Input](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/Input)                          | Input Ui component            | 
| [InputRange](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/InputRange)                | InputRange Ui component       |     
| [Json-ld](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/JsonLD)                       | Json Ui component             | 
| [Label](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/Label)                          | Label Ui component            | 
| [LinedText](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/LinedText)                  | LinedText Ui component        |     
| [Loading](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/Loading)                      | Loading Ui component          |     
| [Modal](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/Modal)                          | Modal Ui component            | 
| [OptionGroup](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/OptionGroup)              | OptionGroup Ui component      |         
| [Radio](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/Radio)                          | Radio Ui component            | 
| [Pagination](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/Pagination)                | Pagination Ui component       |     
| [ProgressBar](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/ProgressBar)              | ProgressBar Ui component      |         
| [Skeleton](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/Skeleton)                    | Skeleton Ui component         |     
| [TabSwitcher](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/TabSwitcher)              | TabSwitcher Ui component      |         
| [TextWrap](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/TextWrap)                    | TextWrap Ui component         |     
| [Toggle](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/Toggle)                        | Toggle Ui component           | 
| [Tooltip](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/ui/packages/Tooltip)                      | Tooltip Ui component          |