🌱 Sustatin UI

Sustatin UI is a modern, lightweight React component library designed to help you build beautiful and responsive user interfaces quickly. It provides a set of customizable components that follow best practices in design and accessibility.

Installation

npm install sustatin-ui
# or
yarn add sustatin-ui
# or
pnpm add sustatin-ui

Peer Dependencies

Make sure you have the following peer dependencies installed:

npm install react react-dom

🚀 Quick Start

import { Button, Toast, ToastProvider } from "sustatin-ui";
import "sustatin-ui/dist/styles/index.css";

function App() {
  return (
    <ToastProvider>
      <Button onClick={() => console.log("Hello Sustatin UI!")}>
        Get Started
      </Button>
    </ToastProvider>
  );
}

CSS Setup

Important: You must import the CSS file in your app for the components to display correctly:

// In your main JS/TS file (e.g., src/index.tsx or src/main.tsx)
import "sustatin-ui/dist/styles/index.css";

📖 Documentation

View the complete component documentation and interactive examples in Storybook:

npm run storybook