Learn how to Add a Pattern to the style guide.
Accordion
accordion
assets/_scss/components/_accordion.scss
Error Alert
alert
assets/_scss/components/_alert.scss
Info Alert
alert
assets/_scss/components/_alert.scss
Primary Alert
alert
assets/_scss/components/_alert.scss
Success Alert
alert
assets/_scss/components/_alert.scss
Warning Alert
alert
assets/_scss/components/_alert.scss
Nummerierte Badges
badge
assets/_scss/components/_badge.scss
Badge
badge
assets/_scss/components/_badge.scss
Deaktivierter Button
button
assets/_scss/components/_button.scss
Primary Button
button
assets/_scss/components/_button.scss
Secondary Button
button
assets/_scss/components/_button.scss
Checkbox Horizontal
form
assets/_scss/components/_form.scss
Checkbox
form
assets/_scss/components/_form.scss
Text
form
assets/_scss/components/_form.scss
Multiselect
form
assets/_scss/components/_form.scss
Radio Horizontal
form
assets/_scss/components/_form.scss
Radio
form
assets/_scss/components/_form.scss
Suche
form
assets/_scss/components/_form.scss
Select
form
assets/_scss/components/_form.scss
Überschriften
headings
assets/_scss/base/_headline.scss
Label
label
Check-Liste
list
assets/_scss/components/_list.scss
Item Liste
list
assets/_scss/components/_list.scss
Geordnete Liste
list
assets/_scss/components/_list.scss
Ungeordnete Liste
list
assets/_scss/components/_list.scss
Modal
modal
assets/_scss/components/_modal.scss
Icon Pagination
pagination
assets/_scss/components/_pagination.scss
Text Pagination
pagination
assets/_scss/components/_pagination.scss
Progressbar
progress
assets/_scss/components/_progress.scss
Loading Animation
progress
assets/_scss/components/_loading.scss
Zitat
quotes
assets/_scss/components/_quote.scss
Fließtext
running-text
assets/_scss/base/_text.scss
Data Table Primär
table
assets/_scss/components/_table.scss
Data Table Sekundär
table
assets/_scss/components/_table.scss
Primäre Tabelle
table
assets/_scss/components/_table.scss
Sekundäre Tabelle
table
assets/_scss/components/_table.scss
Tabs
tabs
assets/_scss/components/_tabs.scss
Fakten
textimage
Tooltips
tooltips
assets/_scss/components/_tooltips.scss
Colors
bootstrap
Spacing
bootstrap
Brand
branding
Heros
branding
Icons
branding
Akzentfarben
color
assets/_scss/abstracts/_variables.scss
Hauptfarben
color
assets/_scss/abstracts/_variables.scss
Signalfarben
color
assets/_scss/abstracts/_variables.scss
Textfarben
color
assets/_scss/abstracts/_variables.scss
Horizontal
persons
Vertical
persons
Circular
typography
assets/_scss/abstracts/_fonts.scss
Variables
variables
assets/_scss/abstracts/_variables.scss
Basic
cards
Colored
cards
Events
cards
News
cards
Product
cards
Footer
footer
Grid
grid
Header
header
Header On Page Demo
header
Hero
hero
Carousel
slider
Tabs-Slider
slider
Teaser
slider