All Projects → gfazioli → react-toggle

gfazioli / react-toggle

Licence: MIT license
A React UI Component to display an awesome Toggle Button control

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to react-toggle

toggle
Vue 3 toggle component with labels, custom slots and styling options (+Tailwind CSS support).
Stars: ✭ 75 (+341.18%)
Mutual labels:  toggle-switches, toggle, toggle-buttons
css-toggle-component
Pure CSS Toggle Buttons as a Web component
Stars: ✭ 69 (+305.88%)
Mutual labels:  toggle-switches, toggle, toggle-buttons
nuxt-feature-toggle
The nuxt feature toggle module
Stars: ✭ 78 (+358.82%)
Mutual labels:  toggle-switches, toggle
shaf-toggle
Elegant, accessible toggle element. Upgrades existing <input type="checkbox" />
Stars: ✭ 28 (+64.71%)
Mutual labels:  toggle
WebRTC-Leak-Prevent-Toggle
Toggle WebRTC leak prevention in Chromium browsers.
Stars: ✭ 16 (-5.88%)
Mutual labels:  toggle
toggler
Atom plugin - Toggle words and symbols
Stars: ✭ 21 (+23.53%)
Mutual labels:  toggle
Accordion.JS
Accordion.JS: Free jQuery Accordion plugin
Stars: ✭ 34 (+100%)
Mutual labels:  toggle
deer-ui
Deer UI 一个可插拔,轻量级的 React 组件库
Stars: ✭ 46 (+170.59%)
Mutual labels:  docz
Expansionpanel
Android - Expansion panels contain creation flows and allow lightweight editing of an element.
Stars: ✭ 1,984 (+11570.59%)
Mutual labels:  toggle
Body Scroll Lock
Body scroll locking that just works with everything 😏
Stars: ✭ 3,357 (+19647.06%)
Mutual labels:  toggle
material-ui-toggle-icon
An animated toggle icon for Material-UI.
Stars: ✭ 32 (+88.24%)
Mutual labels:  toggle
Nova-Dark-Theme
A dark theme for Laravel Nova
Stars: ✭ 72 (+323.53%)
Mutual labels:  toggle
SettingsAppInSwiftUI
I have recreated a Settings App in iPhoneXR using SwiftUI concepts such as Form,Section,Toggle,Picker,Stack..etc
Stars: ✭ 37 (+117.65%)
Mutual labels:  toggle
onscroll-effect
A tiny JavaScript library to enable CSS animations when user scrolls.
Stars: ✭ 35 (+105.88%)
Mutual labels:  toggle
MultiStateToggleButton
Android's ToggleButton offers only two states, MultiStateToggleButton fixes this by offering as many states depending on the number of drawable resources passed in.
Stars: ✭ 20 (+17.65%)
Mutual labels:  toggle
RevealLayout
揭示效果布局,可以指定2个子布局,以圆形揭示效果切换选中状态
Stars: ✭ 118 (+594.12%)
Mutual labels:  toggle
jw-bootstrap-switch-ng2
Bootstrap Switch for Angular 2+
Stars: ✭ 45 (+164.71%)
Mutual labels:  toggle-switches
reactandtypescript.dev
Documentation for using TypeScript with React. Written using docz.
Stars: ✭ 28 (+64.71%)
Mutual labels:  docz
togglific
Do you find web animations distracting? Togglific provides a distraction-free web experience!
Stars: ✭ 17 (+0%)
Mutual labels:  toggle
Bootstrap Switch
Turn checkboxes and radio buttons in toggle switches.
Stars: ✭ 5,132 (+30088.24%)
Mutual labels:  toggle-switches

Overview

version license issues type last-commit npm

This component is designed to render an awesome switch/toggle component.

Edit React Toggle

New in v2.0.x

Upgrade Guide

If you're using the previous version 1.x, have a look at Upgrade to 2.0 from 1.x before upgrade

Installation

You can use either npm

npm i react-toggle-component

or yarn

yarn add react-toggle-component

Basic Usage

First of all, remember to import the component.

import React from "react"

import {Toggle} from "react-toggle-component"

function Application() {

  return <Toggle name="toggle-1" />;

}

Documentation

See the complete documentation and interactive playground

Contributing

Thanks for any of your contributions 👏.

Bugs 🐛

Use the GitHub issues.

License

MIT Licensed. Copyright (c) Giovambattista Fazioli 2019.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].