septeo_design_system 0.0.4+3 copy "septeo_design_system: ^0.0.4+3" to clipboard
septeo_design_system: ^0.0.4+3 copied to clipboard

Package contenant tout le système UX et UI de Listo Paye. Utilisez le sous-projet widgets_demo pour tester les widgets.

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 Publish to pub.dev & web
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.