tuv toggle

tuv toggle is a strict and customizable toggle component for web development projects, designed for simplicity and adherence to strict design guidelines.

Screenshots

Package instalation

Instal package using pnpm

  pnpm add @tuv/toggle

Instal package using yarn

  yarn add @tuv/toggle

Instal package using npm

  npm i @tuv/toggle

Usage/Examples

import React from "react";
import {Toggle} from "@tuv/toggle";
import ReactDOM from "react-dom/client";

const App = () => (
  <div>
    <Toggle size="lg" />
    <Toggle size="lg" />
  </div>
);

ReactDOM.createRoot(document.getElementById("app")!).render(<App />);

Props @tuv/toggle

Props that you can pass to <Toggle {...props} />

| Prop Name | Value | required | | :-------- | :------------------------ | :------- | ----- | | size | "xs" / "sm" / "md" / "lg" | "none" | false |