@eatly/ui-components

Collection de composants UI réutilisables pour EatLy.

Installation

npm install @eatly/ui-components

Composants

BackButton

Un bouton de retour simple avec une icône de flèche.

import { BackButton } from '@eatly/ui-components';

<BackButton />

BottomNavigation

Une barre de navigation inférieure personnalisable.

import { BottomNavigation } from '@eatly/ui-components';
import { Home, ShoppingCart, User } from 'lucide-react';

const items = [
  {
    href: '/home',
    icon: <Home size={20} />,
    label: 'Accueil'
  },
  {
    href: '/cart',
    icon: <ShoppingCart size={20} />,
    label: 'Panier',
    badge: 3
  },
  {
    href: '/profile',
    icon: <User size={20} />,
    label: 'Profil'
  }
];

<BottomNavigation items={items} />

CheckoutForm

Un formulaire de paiement Stripe intégré.

import { CheckoutForm } from '@eatly/ui-components';

<CheckoutForm
  orderId="order_123"
  total={99.99}
  onSuccess={() => console.log('Payment successful')}
  onError={(error) => console.error(error)}
/>

RegistrationForm

Un formulaire d'inscription complet avec validation.

import { RegistrationForm } from '@eatly/ui-components';

<RegistrationForm
  role="CUSTOMER"
  redirectPath="/dashboard"
  title="Créez votre compte"
  description="Rejoignez EatLy et commencez à commander"
  onSubmit={async (data) => {
    // Handle registration
    console.log(data);
  }}
/>

Dépendances

Ce package nécessite les dépendances suivantes :

• React 18+
• Next.js 14+
• @stripe/react-stripe-js
• lucide-react
• tailwindcss

Licence

MIT