Environnement
Charte IGN - site Macarte
Différents composant pour l'affichage dans Ma carte
Boutons et autres...
Symbole :
Couleur :
Taille :
Largeur :
Pointillés :
Motifs :
Ceci est un lien.
Ceci est un lien externe.
Ceci est un lien article.
un lien button.
Un texte accentué...
Dialogues
Champs
Un champ texte :
Un champ invalid :
Une ligne en erreur...
Accordéons
- Eveniet a illum in, laborum amet quia nesciunt nisi odio ex. Impedit tenetur corrupti obcaecati, totam adipisci similique vel est alias placeat!
- Eveniet a illum in, laborum amet quia nesciunt nisi odio ex. Impedit tenetur corrupti obcaecati, totam adipisci similique vel est alias placeat!
Onglets
Onglet 1
Onglet 2
Onglet 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Placeholder retractables
Code:
<!-- ajouter un placeholder retractable -->
<input typt="text" class="input-placeholder" placeholder="saisissez quelque chose" />
<textarea class="input-placeholder" placeholder="saisissez quelque chose"></textarea>
<script>
import charte from 'mcutils/charte/macarte'
// Gerer les placeholders
charte.setInputPlaceholder();
</script>
Les teasers
Environnement
10 mars 2022
Teaser avec image
Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus, eos.
aller àEnvironnement
10 mars 2022
Teaser sans image
Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus, eos.
ici et maintenant
aller à
Teaser sans tag
Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus, eos.
aller àCarousel
-
Diapo 1 - Diapo 2
Une diapo - Diapo 3
Suite
<div data-role="carousel">
<ul>
<li>
Diapositive
</li>
</ul>
</div>
<script>
import charte from 'mcutils/charte/macarte'
// Gerer les carousels de la page
charte.setCarousel();
</script>