@srsnew/ui v0.1.0

@stackblitz/ui

A beautiful, production-ready React component library with TypeScript support and Tailwind CSS styling.

Installation

npm install @stackblitz/ui

Requirements

This package has the following peer dependencies:

• react
• react-dom
• lucide-react
• tailwindcss

Usage

import { Button, Card, Input, Avatar } from '@stackblitz/ui';

function App() {
  return (
    <Card>
      <Card.Header>
        <h2>Welcome</h2>
      </Card.Header>
      <Card.Content>
        <Input
          label="Email"
          placeholder="Enter your email"
        />
        <Button variant="primary">
          Submit
        </Button>
      </Card.Content>
    </Card>
  );
}

Components

• Button: Versatile button component with multiple variants and states
• Card: Flexible card layout with Header, Content, and Footer components
• Input: Form input with label, error, and icon support
• Avatar: User avatar with image support and fallback initials

Tailwind CSS Setup

Add the following to your tailwind.config.js:

module.exports = {
  content: [
    './src/**/*.{js,ts,jsx,tsx}',
    './node_modules/@stackblitz/ui/**/*.{js,ts,jsx,tsx}'
  ],
  // ... rest of your config
}

License

MIT