open-index/open-npm huggingface dataset:
npm package: @snappmarket/ui-grid-system
Description: ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/ui instead (full tree-shakable)

# Grid system ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-grid-system.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-grid-system)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-grid-system.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-grid-system)
[![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-grid-system.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-grid-system
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-icon
Description: ----
Author: Jafar Rezaei
Latest version: 0.1.17

# Grid system ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-icon.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-icon)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-icon.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-icon)
[![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-icon.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-grid-system
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-image
Description: ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/ui instead (full tree-shakable)

# Image system ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-image.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-image)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-image.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-image)
[![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-image.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-image
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-input
Description: ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/ui instead (full tree-shakable)

# Inout ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-input.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-input)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-input.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-input)
[![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-input.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-input
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-input-range
Description: ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/ui instead (full tree-shakable)

# InputRange ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-input-range.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-input-range)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-input-range.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-input-range)
[![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-input-range.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-input-range
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-json-ld
Description: ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/ui instead (full tree-shakable)

# JsonLD ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-json-ld.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-json-ld)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-json-ld.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-json-ld)
[![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-json-ld.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-json-ld
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-label
Description: ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/ui instead (full tree-shakable)

# Label ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-label.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-label)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-label.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-label)
[![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-label.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-label
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-lined-text
Description: ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/ui instead (full tree-shakable)

# LinedText ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-lined-text.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-lined-text)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-lined-text.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-lined-text)
[![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-lined-text.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-lined-text
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-loading
Description: ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/ui instead (full tree-shakable)

# Loading ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-loading.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-loading)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-loading.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-loading)
[![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-loading.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-loading
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-modal
Description: ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/ui instead (full tree-shakable)

# Modal ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-modal.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-modal)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-modal.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-modal)
[![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-modal.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-modal
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-option-group
Description: ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/ui instead (full tree-shakable)

# OptionGroup ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-option-group.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-option-group)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-option-group.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-option-group)
[![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-option-group.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-option-group
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-pagination
Description: ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/ui instead (full tree-shakable)

# Pagination ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-pagination.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-pagination)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-pagination.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-pagination)
[![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-pagination.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-pagination
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-progress-bar
Description: ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/ui instead (full tree-shakable)

# ProgressBar ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-progress-bar.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-progress-bar)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-progress-bar.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-progress-bar)
[![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-progress-bar.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-progress-bar
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-skeleton
Description: ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/ui instead (full tree-shakable)

# Skeleton ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-skeleton.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-skeleton)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-skeleton.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-skeleton)
[![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-skeleton.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-skeleton
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-slider
Description: ----
Author: Jafar Rezaei
Latest version: 0.2.1-alpha.0

# Slider ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-slider.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-slider)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-slider.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-slider)
[![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-slider.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-slider
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-tab-switcher
Description: ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/ui instead (full tree-shakable)

# TabSwitcher ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-tab-switcher.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-tab-switcher)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-tab-switcher.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-tab-switcher)
[![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-tab-switcher.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-tab-switcher
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-table
Description: ----
Author: Reza Erami
Latest version: 0.2.5
Deprecated: Please use @snappmarket/ui instead (full tree-shakable)

# Table ui component
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-table.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-table)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-table.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-table)
[![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-table.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-table
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-textarea
Description: ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/ui instead (full tree-shakable)

# Textarea ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-textarea.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-textarea)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-textarea.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-textarea)
[![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-textarea.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-textarea
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-textwrap
Description: ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/ui instead (full tree-shakable)

# TextWrap ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-textwrap.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-textwrap)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-textwrap.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-textwrap)
[![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-textwrap.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-textwrap
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-toggle
Description: ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/ui instead (full tree-shakable)

# Tooltip ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-toggle.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-toggle)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-toggle.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-toggle)
[![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-toggle.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-tooltip
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/ui-tooltip
Description: ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/ui instead (full tree-shakable)

# TextWrap ui component like bootstrap
----

[![version](https://img.shields.io/npm/v/@snappmarket/ui-tooltip.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/ui-tooltip)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/ui-tooltip.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/ui-tooltip)
[![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-tooltip.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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-textwrap
```


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


---
#### The MIT License (MIT)

Copyright (c) 2020 @snappmarket

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
npm package: @snappmarket/use-debounce
Description: > 🔂 change rapidly, do once ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/hooks instead

# useDebounce
> 🔂 change rapidly, do once
----

[![version](https://img.shields.io/npm/v/@snappmarket/use-debounce.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/use-debounce)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/use-debounce.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/use-debounce)
[![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/use-debounce.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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 
We provide two way of using this package `single` or `multi` :
```bash
npm i @snappmarket/use-debounce
OR
npm i @snappmarket/hooks
```

## usage 
```javascript
import useDebounce from '@snappmarket/use-debounce';
// or 
// import { useDebounce } from '@snappmarket/hooks';


const MyComponenet = props => {
    const [value, setValue] = useState('');
    const [debouncedValue] = useDebounce(value, 200);


  /**
   * Call api based on debounced value
   */
  useEffect(() => {
    // do something with debounce
  }, [debouncedValue]);
};
```


### source code
```javascript
import { useState, useEffect } from 'react';

/**
 * Debounce setting a value
 * @param value
 * @param delay
 * @returns {[string, fn, fn]}
 */
export default function useDebounce(value, delay) {
  // State and setters for debounced value
  const [debouncedValue, setDebouncedValue] = useState(value);

  let handler;
  const canceller = () => {
    clearTimeout(handler);
  };

  useEffect(() => {
    handler = setTimeout(() => {
      setDebouncedValue(value);
    }, delay);
    return canceller;
  }, [value]);

  return [debouncedValue, canceller, setDebouncedValue];
}

```
npm package: @snappmarket/use-did-update-effect
Description: > 🧵 do not worry about render phase effect calls ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/hooks instead

# useDidUpdateEffect
> 🧵 do not worry about render phase effect calls
----

[![version](https://img.shields.io/npm/v/@snappmarket/use-did-update-effect.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/use-did-update-effect)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/use-did-update-effect.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/use-did-update-effect)
[![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/use-did-update-effect.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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 
We provide two way of using this package `single` or `multi` :
```bash
npm i @snappmarket/use-did-update-effect
OR
npm i @snappmarket/hooks
```

## usage 
```javascript
import useDidUpdateEffect from '@snappmarket/use-did-update-effect';
// or 
// import { useDidUpdateEffect } from '@snappmarket/hooks';


const MyComponenet = props => {
  /**
   * Do not run on render
   */
  useDidUpdateEffect(() => {
    // I will run only when my dependencies update
  }, [deps]);
};
```


### source code
```javascript
import { useRef, useEffect } from 'react';

/**
 * Calls function on component update or inputs change phase
 * @param fn
 * @param inputs
 */
export default (fn, inputs) => {
  const didMountRef = useRef(false);

  useEffect(() => {
    if (didMountRef.current) fn();
    else didMountRef.current = true;
  }, inputs);
};
```
npm package: @snappmarket/use-focus
Description: > 😵 focus on every thing you want ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/hooks instead

# useFocus
> 😵 focus on every thing you want
----

[![version](https://img.shields.io/npm/v/@snappmarket/use-focus.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/use-focus)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/use-focus.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/use-focus)
[![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/use-focus.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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 
We provide two way of using this package `single` or `multi` :
```bash
npm i @snappmarket/use-focus
OR
npm i @snappmarket/hooks
```

## usage 
```javascript
import useFocus from '@snappmarket/use-focus';
// or 
// import { useFocus } from '@snappmarket/hooks';


const MyComponenet = props => {
  const focusRef = useFocus(null);

  return (<input type="text" ref={focusRef}/>)
};
```

### source code
```javascript
import { useEffect, useRef } from 'react';

/**
 * Focus on a ref after render
 * @param initialRef
 * @returns {React.MutableRefObject<*>}
 */
export default initialRef => {
  const ref = useRef(initialRef);
  useEffect(() => {
    setTimeout(() => {
      ref.current.focus();
    }, 100);
  }, []);

  return ref;
};
```
npm package: @snappmarket/use-force-update
Description: > 👿 force update component ----
Author: Jafar Rezaei
Latest version: 0.2.5
Deprecated: Please use @snappmarket/hooks instead

# useForceUpdate
> 👿 force update component
----

[![version](https://img.shields.io/npm/v/@snappmarket/use-force-update.svg?style=flat-square)](https://www.npmjs.com/package/@snappmarket/use-force-update)
[![downloads](https://img.shields.io/npm/dm/@snappmarket/use-force-update.svg?style=flat-square)](http://www.npmtrends.com/@snappmarket/use-force-update)
[![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/use-force-update.svg?style=flat-square)](https://github.com/snappmarket/frontend-toolbox/tree/master/packages/useDidUpdateEffect/blob/master/LICENSE.md)

[![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 
We provide two way of using this package `single` or `multi` :
```bash
npm i @snappmarket/use-force-update
OR
npm i @snappmarket/hooks
```

## usage 
```javascript
import useForceUpdate from '@snappmarket/use-force-update';
// or 
// import { useForceUpdate } from '@snappmarket/hooks';


const MyComponenet = props => {
  const forceUpdate = useForceUpdate(null);

  const handleSomeThing = () => {
    // do some thing
    forceUpdate();
  };

  return (<div>meow 🐱‍</div>)
};
```

### source code
```javascript
import { useState, useCallback } from 'react';

/**
 * Force component re-render
 * @returns {Function}
 */
export default function useForceUpdate() {
  const [, setTick] = useState(0);
  return useCallback(() => {
    setTick(tick => tick + 1);
  }, []);
}
```