Example: Style Guide

  • Start
  • Preview
  • Complete
1 of 3 (0%)
Indicates required field

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

Basic elements
Checkboxes
Checkboxes with help text
Checkboxes with descriptions
This is a description.
This is a description.
This is a description.
Radios
Radios (Buttons)
Date elements
Advanced elements
$ .00
One file only.
Allowed types: gif jpg jpeg png bmp eps tif pict psd txt rtf html odf pdf doc docx ppt pptx xls xlsx xml avi mov mp3 mp4 ogg wav bz2 dmg gz jar rar sit svg tar zip.
30 MB limit per file. The accumulated size of all files in this form cannot exceed 90 MB.
Unlimited number of files can be uploaded to this field.
Allowed types: gif jpg jpeg png bmp eps tif pict psd txt rtf html odf pdf doc docx ppt pptx xls xlsx xml avi mov mp3 mp4 ogg wav bz2 dmg gz jar rar sit svg tar zip.
30 MB limit per file. The accumulated size of all files in this form cannot exceed 90 MB.
One file only.
Allowed types: gif jpg jpeg png bmp eps tif pict psd txt rtf html odf pdf doc docx ppt pptx xls xlsx xml avi mov mp3 mp4 ogg wav bz2 dmg gz jar rar sit svg tar zip.
30 MB limit per file. The accumulated size of all files in this form cannot exceed 90 MB.
Table select
One
Two
Three
Tableselect sort Weight
One
Two
Table sort Weight
One
Two
Three
These are the terms of service.
Entity reference elements
more items
Entity checkboxes
Entity radios
Term checkboxes
Webform composites
Addresses
First address
Second address
First name Last name Gender Martial status Employment status Age Weight
more items
Form elements
$ .00
{description}
This is a description.
This is a description.
This is a description.
This description is displayed before the input.
This is a description.
More
This is more text
Containers elements
This is a description.
Fieldset
This is a description.

Section

This is a description.
Dividers
Messages
Flexbox
Contrib modules
Address
@see https://www.drupal.org/project/address