Nero Button

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

Package installation

Instal package using pnpm

  pnpm add @nero-ui/button

Instal package using yarn

  yarn add @nero-ui/button

Instal package using npm

  npm i @nero-ui/button

import package to your project

  import {Button} from '@nero-ui/button'

Usage/Examples

import { Button } from "@nero-ui/button";

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

Props

Props that you can pass to @nero-ui/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 | | outline | boolean | false / true | false | | ghost | boolean | false / true | false | | inverted | boolean | false / true | false | | muted | boolean | false / true | false | | destructive | boolean | false / true | false |