tuv checkbox

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

Screenshots

Package instalation

Instal package using pnpm

  pnpm add @tuv/checkbox

Instal package using yarn

  yarn add @tuv/checkbox

Instal package using npm

  npm i @tuv/checkbox

Usage/Examples (you can combine using icon package tuv)

import React from "react";
import {Checkbox} from "@tuv/checkbox";
import ReactDOM from "react-dom/client";

const App = () => (
  <div>
    <h1>Component test</h1>
    <Checkbox label="HSD Checkbox" />
  </div>
);

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

Props @tuv/checkbox

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

| Prop Name | Value | required | | :-------- | :----------------- | :------- | | sizes | "sm" / "md" / "lg" | false | | label | string | false |