react-bunny-banners/README.md

Reusable React UI components for Bajaj Finance Fixed Deposit features

# BannerBunny Components

A collection of React components for creating beautiful banner generation interfaces.

## Installation

```bash
npm install banner-bunny-components
```

## Components

### BunnyLogo
A cute bunny logo component with carrot accent.

```jsx
import { BunnyLogo } from 'banner-bunny-components';

<BunnyLogo />
```

### CarrotSpinner
An animated carrot spinner for loading states.

```jsx
import { CarrotSpinner } from 'banner-bunny-components';

<CarrotSpinner />
```

### DraggableCarrotButton
A draggable floating button component.

```jsx
import { DraggableCarrotButton } from 'banner-bunny-components';

<DraggableCarrotButton 
  onToggle={() => console.log('toggled')}
  isUIVisible={true}
  imageSrc="🐰🥕" // Optional: custom image or emoji
  alt="Toggle UI" // Optional: custom alt text
/>
```

## Styling

These components are built with Tailwind CSS and require Tailwind to be configured in your project.

## Development

```bash
# Install dependencies
npm install

# Start development server
npm run dev

# Build library
npm run build
```

## License

MIT