Septeo Design System

Le Septeo Design System est une bibliothèque de composants UI/UX pour l'application de gestion de la paie Listo Paye.

Liens

Statut
WidgetBook	design.listo.pro
Pub.dev	septeo_design_system

Comment Utiliser le Projet

Installation

Pour utiliser le package septeo_design_system, ajoutez-le comme dépendance dans votre fichier pubspec.yaml :

dependencies:
  septeo_design_system:

Copier cette dépendance telle quelle dans votre fichier pubspec.yaml. L'utilisateur associé n'a que le droit de lecture sur le contenu du repository.

Utiliser le Main Theme

Pour utiliser le thème principal de Septeo Design System, ajoutez le widget SepteoTheme à votre application :

import 'package:flutter/material.dart';
import 'package:septeo_design_system/septeo_design_system.dart';

import 'router.dart';

class App extends StatelessWidget {
  App({super.key});

  @override
  Widget build(BuildContext context) {
      return MaterialApp(
        debugShowCheckedModeBanner: false,
        title: F.title,
        theme: SepteoDesignSystem.themes.main,
        home: const Scaffold(
          body: Center(
            child: Text('Hello World!'),
          ),
        ),
      );
  }
}

Lancement du Widgetbook

Pour lancer le projet Widgetbook :

1. Naviguez vers le dossier du design system.
2. Entrez dans le sous répertoire widgets_demo.
3. Exécutez la commande flutter run -d chrome.