https://github.com/archakov06/react-shnyaga

Is a switch ui component for React
https://github.com/archakov06/react-shnyaga

check checkbox shnyaga switch switcher toggle toggle-switches toggler

Last synced: about 6 hours ago
JSON representation

Is a switch ui component for React

• Host: GitHub
• URL: https://github.com/archakov06/react-shnyaga
• Owner: Archakov06
• License: other
• Created: 2017-03-28T22:06:55.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-09-14T07:47:27.000Z (about 7 years ago)
• Last Synced: 2024-11-10T18:02:58.339Z (9 days ago)
• Topics: check, checkbox, shnyaga, switch, switcher, toggle, toggle-switches, toggler
• Language: JavaScript
• Homepage: https://archakov06.github.io/react-shnyaga/
• Size: 128 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![Example](http://archakov.im/uploads/react-shnyaga-1.gif?1)

[Source demo GIF](http://archakov.im/uploads/react-shnyaga-1.gif?1)

#### **Shnyaga** - is a switch UI component for React.

## [Example](https://archakov06.github.io/react-shnyaga/)

## Installation

```bash

npm install react-shnyaga

```

## Usage

```js

import React from 'react';

import Shnyaga from 'react-shnyaga';

import 'react-shnyaga/src/styles.css';

React.render(, document.getElementById('root'));

```

## Props

The component takes the following props.

    

    

        name

        type

        default

        description

    

    

    

        

          checked

          Boolean

          false

          whether switch is checked

        

        

          disabled

          Boolean

          false

          switch is disabled

        

        

          offColor

          Color

          #e6e6e6

          `Off` background color

        

        

          onColor

          Color

          #468cff

          `On` background color

        

        

          className

          String

          

          custom class name

        

        

          size

          String

          normal

          Switch size (default: normal)

        

        

          onClick

          Function

          () => ({})

          called when switch is clicked

        

    

## Contacts

* 	**E-Mail**

	

* 	**Website**

	

## License

Now licensed under the MIT License: