septeo_design_system 0.0.1 septeo_design_system: ^0.0.1 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 | |
---|---|
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 :
- Naviguez vers le dossier du design system.
- Entrez dans le sous répertoire
widgets_demo
. - Exécutez la commande
flutter run -d chrome
.