Components

Our library provides a set of reusable components to help you build your application faster. Here's an overview of some key components:

Button

The Button component is a versatile and customizable button that can be used for various actions in your application.

import { Button } from '@our-company/package';

<Button variant="primary" onClick={() => console.log('Clicked!')}>
  Click me
</Button>

Card

The Card component is used to display content in a box with a consistent style.

import { Card, CardHeader, CardContent } from '@our-company/package';

<Card>
  <CardHeader>Card Title</CardHeader>
  <CardContent>This is the card content.</CardContent>
</Card>

Input

The Input component is a styled input field for collecting user data.

import { Input } from '@our-company/package';

<Input placeholder="Enter your name" onChange={(e) => console.log(e.target.value)} />

For a complete list of components and their props, please refer to our API Reference section.