Documentation elements Terres inovia

Une librairie basée sur bootstrap est appelée sur toutes les pages du site

Lien vers les css

<!--clay.css--> https://www.terresinovia.fr/o/tipi-theme-public/css/clay.css?browserId=other&themeId=terresinoviathemepublic_WAR_tipithemepublic&minifierType=css&languageId=fr_FR&b=7110&t=1673485464568 <!--main.css--> https://www.terresinovia.fr/o/tipi-theme-public/css/main.css?browserId=other&themeId=terresinoviathemepublic_WAR_tipithemepublic&minifierType=css&languageId=fr_FR&b=7110&t=1673485464568

Il y a FontAwesome 3.2.1 et 4.7.0 intégré dedans

 

Titre h1

Titre h2

Titre h3

Titre h4

Titre h5

Titre h6

Paragraphe lorem ipsum dolor sit amet

Texte en gras
Ceci est un lien
Texte en italique
<h1>Titre h1</h1> <h2>Titre h2</h2> <h3>Titre h3</h3> <h4>Titre h4</h4> <h5>Titre h5</h5> <h6>Titre h6</h6> <p>Paragraphe lorem ipsum dolor sit amet</p> <strong>Texte en gras</strong> <a href="#">Ceci est un lien</a> <em>Texte en italique</em>

Liste à puce

• Liste 1
• Liste 2

<ul> <li>Liste 1</li> <li>Liste 2</li> </ul>

BOUTON

<div class="article-detail"> <button class="btn btn-primary" type="button">Bouton</button> </div>

Liste déroulante

Choisissez un departementDépartement 1Département 2

<select class="form-control"> <option value="">Choisissez un departement</option> <option value="">Département 1</option> <option value="">Département 2</option> </select>

Label input

Titre du label <label> <b>Nom du label</b> <span class="reference-mark"><i class="fa fa-asterisk" aria-hidden="true"></i></span> </label>

Boutons radios

<div class="regulateur-outil"> <div class="custom-control custom-radio custom-control-inline"> <input type="radio" class="custom-control-input" id="#" value="true"> <label class="custom-control-label" >Oui</label> </div> <div class="custom-control custom-radio custom-control-inline"> <input type="radio" class="custom-control-input" id="#" value="false"> <label class="custom-control-label" >Non</label> </div> </div>

Gestion des erreurs sur les champs

<div class="invalid-feedback" id="#"> Ce champ est obligatoire </div>

Input number

<input type="number" class="form-control" id="#" name="#">

Input text

<input type="text" class="form-control" id="#" name="#">

Switch

<label class="switch"> <input type="checkbox" name="#" id="#" value="true"> <span class="slider round"></span> </label>