open-index/open-npm huggingface dataset:
npm package: @seats-aero/react-blocks
Description: seats.aero themed React components to consume on your React-based application
Latest version: 0.0.11

# seats.aero React components

seats.aero themed React components to consume on your React-based application

## Current components
- ConnectButton
    - A button with intended use for applications using the seats.aero OAuth2 Provider

## Installation

pnpm (recommended)
```
    pnpm i @seats-aero/react-blocks
```

yarn
```
    yarn add @seats-aero/react-blocks
```

npm
```
    npm i @seats-aero/react-blocks
```

## Usage

### Import Styles

Import the CSS file once in your application's entry point (e.g., `main.tsx`, `App.tsx`, or `_app.tsx`):

```typescript
import '@seats-aero/react-blocks/styles.css'
```

**Note:** You do NOT need Tailwind CSS installed in your application. All styles are pre-compiled and included in the CSS file.

### Use Components

```typescript
import { ConnectButton } from '@seats-aero/react-blocks'

function App() {
  return <ConnectButton />
}
```

## Author

[Gavin Gregory](https://github.com/gavgrego)

## License

[MIT](LICENSE)