tuv Button

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

Screenshots

Package instalation

Instal package using pnpm

  pnpm add @tuv/button

Instal package using yarn

  yarn add @tuv/button

Instal package using npm

  npm i @tuv/button

import package to your project

  import {Button} from '@tuv/button'

Usage/Examples

import {Button} from "@tuv/button";

function App() {
  return (
    <Button primary size="lg">
      tuv Button The Best Choices
    </Button>
  );
}

Props

Props that you can pass to @tuv/button

| Prop Name | Type | Value | Default | | :--------- | :------- | :------------------------------------------------ | :------ | | size | string | 'xs', 'sm', 'md', 'lg' | 'md' | | corner | string | 'rounded', 'circular' | 'md' | | iconLeft | string | React.ReactElement<React.SVGProps> | null | | iconRight | string | React.ReactElement<React.SVGProps> | null | | fullWidth | boolean | false / true | false | | primary | boolean | false / true | true | | secondary | boolean | false / true | false | | tertiary | boolean | false / true | false | | quaternary | boolean | false / true | false | | link | boolean | false / true | false | | success | boolean | false / true | false | | danger | boolean | false / true | false | | warning | boolean | false / true | false |