Lovable Design System React

A React component library for building beautiful and consistent user interfaces.

Installation

npm install lovable-dsr

Components

LoginPage

The LoginPage component provides a complete login page with form handling and navigation capabilities.

Requirements

• The component must be wrapped in a React Router's BrowserRouter component since it uses router hooks internally.

Usage

import { LoginPage } from 'lovable-dsr';

function App() {
  return (
    <BrowserRouter>
      <LoginPage 
        onSuccess={() => {
          // Handle successful login
          console.log('Login successful');
        }} 
      />
    </BrowserRouter>
  );
}

Props

| Prop | Type | Description | |------|------|-------------| | onSuccess | () => void | Callback function called when login is successful |

Development

To start the development environment:

npm install
npm run storybook