Components

Studs Design System provides a comprehensive set of components to help you build beautiful and accessible user interfaces.

Button

The Button component is versatile and can be used for actions, links, and form submissions.

import { Button } from '@studs/react';

<Button variant="primary">Primary Button</Button>
<Button variant="secondary">Secondary Button</Button>
<Button variant="outline">Outline Button</Button>

Input

Text input components for forms and user data entry.

import { Input } from '@studs/react';

<Input
  label="Username"
  placeholder="Enter your username"
  helperText="Must be at least 3 characters"
/>

Card

Container component for grouping related content.

import { Card } from '@studs/react';

<Card>
  <Card.Header>
    <Card.Title>Card Title</Card.Title>
  </Card.Header>
  <Card.Body>
    Content goes here
  </Card.Body>
</Card>