Frontend Styleguide

Components Pages

Overview

Base
1. Accessibility
2. Button
3. Colors
4. Fonts
5. Form
6. Helper Classes
7. Icons
8. Lazycontent
9. Media
10. Mediaqueries
11. Pictos
12. Richtext
13. Social Metatags
14. Table
15. Text
16. Title
Content
Global
History
1. History Facts
Layout
Print
References
Search
Various
1. Am Overlay
2. Lightbox
3. Odometer
4. Slider
Additional

Form Layout

Grid Columns

Required fields are marked *

Text *

Start Date

Enter a date in format Day-Month-Year, e.g. 24.06.2018

Inline Checkboxes *

Checkbox 1
Checkbox 2
Checkbox 3

End Date

Enter a date in format Day-Month-Year, e.g. 24.06.2018

Email

Inline Checkboxes *

Checkbox 1
Checkbox 2
Checkbox 3

Inline Checkboxes *

Checkbox und mehr
Checkbox und sowieso
Checkbox trotzdem

Input Groups

Theoretical possibilites: it's much more about testing the capabilities than showing how it should be done.

Code

Part 1 *

Part 2 *

Part 3 *

Part 4 *

Phone number

Prefix

7 digit phone part *

Delivery date

Date

Enter a date in format Day-Month-Year, e.g. 24.06.2018

Date span

+/- 3 days

Date

Enter a date in format Day-Month-Year, e.g. 24.06.2018

Upload Input *

Date

Enter a date in format Day-Month-Year, e.g. 24.06.2018

Geburtsdatum *

Day *

. Month *

. Year *

Geburtsdatum *

Day *

. Month *

. Year *

Dies ist ein Pflichtfeld