Example: Style Guide

Actuel Début
Aperçu
Terminé

1 sur 3 (0%)

Indique si le champs est requis

Below is a style guide containing examples of all elements and layouts.

Basic elements

Date elements

Date

Date/time

Date list

Date list : Année

Date list : Mois

Date list : Jour

Date list : Heure

Date list : Minute

Time

Advanced elements

Email multiple

Multiple email addresses may be separated by commas. Emails are only sent to cc and bcc addresses if a To email address is provided.

Confirmer l'adresse de courriel

Telephone

Telephone (International)

URL

Number

Range

$ .00

Color

Text format

À propos des formats de texte

HTML restreint

Balises HTML autorisées : <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
Les lignes et les paragraphes vont à la ligne automatiquement.
Les adresses de pages web et les adresses courriel se transforment en liens automatiquement.

	Table select
One	One
Two	Two
Three	Three

	Tableselect sort	Poids
One	One	Poids pour One
Two	Two	Poids pour Two

Table sort	Poids
One	Poids pour One
Two	Poids pour Two
Three	Poids pour Three

Autocomplete

CodeMirror

Height

feet

inches

Image select

Rating

Signature

Signer au-dessus

I agree to the terms of service.

These are the terms of service.

Likert

Questions	1	2	3	4	5
Please answer question 1?	1	2	3	4	5
How about now answering question 2?	1	2	3	4	5
Finally, here is question 3?	1	2	3	4	5

Entity reference elements

Entity autocomplete

Entity autocomplete tags

Entity autocomplete multiple

Entity autocomplete multiple
	Entity autocomplete multiple	Poids de l'élément

plus d'éléments

Entity checkboxes

Administrator

Anonymous

Entity radios

Administrator

Anonymous

Entity select

Entity select multiple

Term checkboxes

Term select

Term select multiple

Webform composites

Addresses

Adresse

Adresse 2

Ville

État/Région/Département

Code postal

Pays

Second address same as the first address

Adresse

Adresse 2

Ville

État/Région/Département

Code postal

Pays

Link multiple

Réordonner	Titre du Lien	Url du Lien	Poids	Actions
	Titre du Lien	Url du Lien	Poids de l'élément

plus d'éléments

Custom composite

Réordonner	First name	Last name	Sex	Martial status	Employment status	Age	Poids	Actions
	First name	Last name	Sex Sex Enter other…	Martial status Martial status Enter other…	Employment status Employment status Enter other…	Age	Poids de l'élément

plus d'éléments

Form elements

Form element $ .00

{description}

Form element (Required)

Form element (Disabled)

Form element (Input mask: Phone)

Form element (Input hiding)

Title displayed before

This is a description.

Title displayed after

This is a description.

Title with help (tooltip)

Title displayed inline

This is a description.

Description displayed before

This description is displayed before the input.

Description with (read) more

This is a description.

Plus

This is more text

Containers elements

Details

This is a description.

Fieldset

This is a description.

Section

This is a description.

Form inline 01

Form inline 02

Container inline

Table

First Name	Last Name	Gender
First name (1)	Last name (1)	Gender (1)
First name (2)	Last name (2)	Gender (2)
First name (3)	Last name (3)	Gender (3)

Dividers

Messages

Flexbox

Element (Flex: 1)

Element (Flex: 2)

Element (Flex: 3)

Contrib modules

Address

@see https://www.drupal.org/project/address