Button

Overview

Buttons allow users to take actions with a single tap. They can be customized with different styles, sizes, and animations.

Preview

Preview

Code

import { Button } from './components/ui'

function MyComponent() {
  return <Button>Click me</Button>;
}

Installation

npm

npx @mindfiredigital/ignix-ui add button

yarn

yarn @mindfiredigital/ignix-ui add button

pnpm

pnpm @mindfiredigital/ignix-ui add button

Usage

Import the component:

import { Button } from '@mindfiredigital/ignix-ui';

Basic Usage

function BasicButton() {
  return (
    <Button>Click me</Button>
  );
}

Variants

Preview

Code

import { Button } from '@ignix-ui/button';

<Button 
  variant="default" 
  size="md" 
  
>
  Click me
</Button>