Getting Started

Welcome to the SFT UI component library documentation. This is a simple, modern UI component library built with React and Tailwind CSS.

Overview

This component library provides a collection of reusable React components with consistent styling and behavior. Each component is built with accessibility and customization in mind.

Installation

npm install sft-ui

Usage

Import components from the library and use them in your React application:

import { Button, Card } from 'sft-ui';

function App() {
  return (
    <Card>
      <h1>Hello World</h1>
      <Button variant="primary">
        Click me
      </Button>
    </Card>
  );
}

What's Included

Navigation

Use the sidebar on the left to explore the documentation:

• Foundation - Design tokens and system documentation
• Components - Individual component documentation with examples