@nocp/toggle
v0.5.0
Published
React Toggle Component
Downloads
23
Readme
@nocp/toggle
React Toggle Component
By NriotHrreion
Installation
npm i @nocp/toggle
Usage
Import the component
import Toggle from "@nocp/toggle";
// style
import "@nocp/toggle/dist/toggle.css";
Use the component
<Toggle />
Props
|Name|Type|Required|Description|
|:---:|:---:|:---:|---|
|defaultToggleValue
|boolean
|No|The default value of the toggle|
|onToggle
|(isActive: boolean) => void
|No|Toggling event of the toggle|
Also, the component supports HTML attributes.
Styling
The color style of the component can be changed by overriding the following CSS variables.
:root {
--nocp-toggle-bar-bg: #9e9e9e;
--nocp-toggle-knob-bg: #dbdbdb;
}