Exemples de Components Astro
1. Header Component
Le composant Header contient la navigation principale avec des liens vers les différentes pages.
<Header />2. Footer Component
Le composant Footer affiche les informations de pied de page.
<Footer />3. ThemeToggle Component
Le composant ThemeToggle permet de basculer entre les thèmes clair et sombre.
<ThemeToggle />4. VideoEmbed Component
Le composant VideoEmbed permet d'intégrer des vidéos depuis différentes plateformes (YouTube, Dailymotion, Rumble, Odysee).
<VideoEmbed
url="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
title="Exemple vidéo YouTube"
/>5. BaseLayout Component
Le composant BaseLayout fournit la structure de base de toutes les pages avec le Header et le Footer.
<BaseLayout title="Titre de la page">
<!-- Contenu de la page -->
</BaseLayout>6. Exemples de Boutons
Voici différents styles de boutons disponibles avec DaisyUI et leurs variantes.
Boutons basiques
États des boutons
Boutons Outline
Tailles
Boutons avec icônes
Formes spéciales
Bouton pleine largeur
États
Groupe de boutons
Ces composants sont tous disponibles dans le dossier
src/components/