@suite-library/react

React components for the Suite Library.

Installation

pnpm add @suite-library/react @suite-library/shared

Usage

import { Button, Input, Card } from '@suite-library/react';
import '@suite-library/shared/styles';

function MyComponent() {
  return (
    <Card variant="elevated">
      <Input label="Name" placeholder="Enter your name" />
      <Button variant="primary">Submit</Button>
    </Card>
  );
}

Components

• Button: Versatile button with variants (primary, secondary, outline, ghost) and sizes
• Input: Text input with label, validation, and error states
• Card: Container component with variants and padding options

TypeScript

All components are fully typed with TypeScript for excellent IntelliSense support.

Documentation

See the main README for detailed documentation.