Component Library Documentation

After installing the component library, you can start using the components directly in your project. All components are tree-shakable and written in TypeScript with full type support.

Importing Components

Import the components you need from the package. For example, to use the Button and Card components:

import { Button, Card } from '@satyampratibhan/zento-ui';

Basic Usage Example

Here’s how you can use a couple of components inside your page or layout:

export default function Example() {
  return (
    <div className="space-y-6 p-4">
      <Card>
        <h2 className="text-xl font-semibold">Welcome</h2>
        <p>This is a sample card component.</p>
      </Card>
      
      <Button className="{your custom class}">
        Click Me
      </Button>
    </div>
  );
}