@architecturex/components.button NPM

@architecturex/components.button

Button

A flexible and customizable button component for React applications built with Tailwind CSS.

Installation

npm install @architecturex/components.button

Features

Supports various color schemes.
Three size options: small, medium, and large.
Variants: contained, outlined, and text.
Shapes: regular, rounded, circle, and square.
Supports both buttons and links.
Loading and disabled states.

Usage

import Button from '@architecturex/components.button'

function App() {
  return (
    <Button color="primary" size="medium" variant="contained">
      Click me!
    </Button>
  )
}

Props

color: Sets the color scheme of the button. (default: 'primary')
size: Determines the size of the button. (default: 'medium')
variant: Sets the button style. (default: 'contained')
shape: Defines the shape of the button. (default: 'regular')
href: If provided, the button will be rendered as a link.
target: Set the target attribute for the link button.
fullWidth: If true, the button will take up the full width of its container.
disabled: If true, the button will be disabled.
isLoading: If true, the button will show a loading state.
loadingText: Text to show during the loading state.