# pre-slider

> ## Installation

Latest version **1.0.0** (published 2017-05-26) · 0 weekly downloads

## Install

```sh
npm install pre-slider
pnpm add pre-slider
yarn add pre-slider
bun add pre-slider
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2017-05-26 |
| First published | 2017-05-26 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | fatihtotrakanli |
| Keywords | react, reactjs, toast, notification |

## Links

- npm: https://www.npmjs.com/package/pre-slider
- Repository: https://github.com/presort/pre-slider
- Homepage: https://github.com/presort/pre-slider#readme
- Issues: https://github.com/presort/pre-slider/issues
- npm.io page: https://npm.io/package/pre-slider

## Dependencies (4)

- [is-js](https://npm.io/package/is-js.md) 0.1.1
- [react](https://npm.io/package/react.md) ^15.4.2
- [react-dom](https://npm.io/package/react-dom.md) ^15.4.2
- [react-bootstrap](https://npm.io/package/react-bootstrap.md) ^0.31.0

## Alternatives

- [update-check](https://npm.io/package/update-check.md) — 4.0M weekly downloads
- [react-native-onesignal](https://npm.io/package/react-native-onesignal.md) — 134.5K weekly downloads
- [react-redux-toastr](https://npm.io/package/react-redux-toastr.md) — 33.7K weekly downloads
- [@nocobase/plugin-notification-manager](https://npm.io/package/@nocobase/plugin-notification-manager.md) — 2.0K weekly downloads
- [react-simple-toasts](https://npm.io/package/react-simple-toasts.md) — 1.9K weekly downloads

## Recent versions

- 1.0.0 (latest) — 2017-05-26

## README

# Pre Slider

## Installation

```
npm install --save pre-slider
```
## For More Example
[Live Demo](https://presort.github.io/pre-slider/)

## Usage

```js

<Slider defaultValue={30}
         minLabel="0 °C"
         maxLabel="100 °C"
         unit="°C"
         onAfterChange={this.handleAfterChange}
         onChange={this.handleChange}/>

```

--- With Range ---

```js

 <Slider range
                                    defaultValue={[40,90]}
                                    minValue={20}
                                    maxValue={120}
                                    onChange={this.handleChange}/>

```

## Slider Props

| Name | Type | Default | Required | Description |
|------|------|---------|----------|------------ |
| maxValue | number | 100 | false |Maximum value of Slider component.|
| minValue | number | 0 | false |Minimum value of Slider component. |
| defaultValue | number | -  |false |Default value of Slider component (If has range prop defaultValue must array like {[0,100]}).|
| step | number | - | false |Increment or decrement range of values.|
| disabled | bool | false | false |Disables component.|
| range | bool | - | false |Range support for slider component.|
| onChange | func | - | false |Change event for the component.|
| onAfterChange | func | - | false |After Change event for the component.|
| closeLabel | bool | false | false |Close of min-max labels.|
| maxLabel | string | - | false |Label of maximum value.|
| minLabel | string | - | false |Label of minimum value.|
| unit | bool | " " | false |Unit of popover content.|
| closeTooltip | bool | false | false |Tooltip support for component.|


### Quick Start

#### 1. Get the latest version
You can start by cloning the latest version of pre-slider.

#### 2. Run `npm install`
This will install both run-time project dependencies and developer tools listed
in [package.json](./package.json) file.

#### 3. How to start project in Development Mode

This will start the development server and serve site application.

```shell
$ npm start
```
  
Open Browser and enter `http://localhost:3000` (default) 

### How to Build for Production

If you need just to build the app (without running a dev server), simply run:

```shell
$ npm run build
```

### How to Build for Site

If you need just to build the app (without running a dev server), simply run:

```shell
$ npm run site
```

---
_Source: https://npm.io/package/pre-slider · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._