Pages
Modèles de pages complètes
Pages
Les pages sont des modèles complets prêts à l'emploi pour différents cas d'usage. Elles incluent tous les composants nécessaires pour créer une page fonctionnelle.
Types de pages
Dashboard
Des modèles de tableaux de bord complets avec navigation, widgets et fonctionnalités d'administration.
Avantages des pages
🚀 Développement ultra-rapide
Créez des pages complètes en quelques minutes avec nos modèles prêts à l'emploi.
🎨 Design professionnel
Chaque page suit les meilleures pratiques de design et d'expérience utilisateur.
📱 Responsive par défaut
Toutes nos pages s'adaptent parfaitement à tous les types d'écrans.
♿ Accessibilité intégrée
Respect des standards WCAG 2.1 et navigation optimisée.
Utilisation
Import des pages
import { DashboardPage } from '@brikl/ui';Exemple d'utilisation
import { DashboardPage } from '@brikl/ui';
export default function AdminDashboard() {
const sidebarItems = [
{ label: 'Tableau de bord', href: '/dashboard', icon: <IconHome /> },
{ label: 'Utilisateurs', href: '/users', icon: <IconUsers /> },
{ label: 'Paramètres', href: '/settings', icon: <IconSettings /> }
];
const widgets = [
{
title: 'Utilisateurs actifs',
value: '1,234',
change: '+12%',
trend: 'up'
},
{
title: 'Revenus',
value: '€45,678',
change: '+8%',
trend: 'up'
}
];
return (
<DashboardPage
title="Tableau de bord administrateur"
sidebar={sidebarItems}
widgets={widgets}
user={{
name: 'John Doe',
email: 'john@example.com',
avatar: '/avatars/john.jpg'
}}
/>
);
}Personnalisation
Chaque page peut être personnalisée avec :
- Contenu : Titres, descriptions, données dynamiques
- Navigation : Menu latéral, navigation principale
- Fonctionnalités : Widgets, tableaux, formulaires
- Thème : Couleurs, typographie, espacement