Blitz Bots React UI Library

A beautiful React component library with custom styles based on shadcn/ui components.

Installation

npm install @blitz-botss/components

Usage

1. Import the CSS in your app's entry file:

import '@blitz-botss/components/dist/style.css';

2. Import and use components:

import { Button, Card } from '@blitz-botss/components';

function App() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Card Title</CardTitle>
        <CardDescription>Card Description</CardDescription>
      </CardHeader>
      <CardContent>
        <Button>Click me</Button>
      </CardContent>
    </Card>
  );
}

Components

Button

A flexible button component with multiple variants:

• Default
• Destructive
• Outline
• Secondary
• Ghost
• Link

Card

A versatile card component with subcomponents:

• Card
• CardHeader
• CardFooter
• CardTitle
• CardDescription
• CardContent

Customization

The library uses CSS variables for theming. You can override these variables in your CSS to customize the appearance:

:root {
  --primary: 222.2 47.4% 11.2%;
  --primary-foreground: 210 40% 98%;
  /* ... other variables ... */
}