Zum Hauptinhalt springen
Logo MIND Studio

Buttons und Downloads

Buttons

Buttons werden dazu genutzt, die primäre Aktion eines Inhalts prominent darzustellen. Sie kommen vor allem in Abschnitten mit einem Call-To-Action zum Einsatz.

Verschiedene Button-Styles

MIND Studio kommt mit drei verschiedenen Button Styles: dem Primary Button, dem Outline Button und dem Text Button.

Primary Button
Outline Button
Text Button

Der Text-Button funktioniert ähnlich wie ein Mehr-Lesen-Link und kann auch mit einem Icon dargestellt werden.

Text Button

Wir können global einstellen, ob sich das Icon vor oder nach dem Icon-Text befindet. Zudem können wir auch global das Icon für Mehr-Lesen-Links setzen.

Die Anzeige des Icons funktioniert auch für die Primary oder Outline Buttons.

Primary Button
Outline Button

Mehrere Buttons

Buttons können mit dem Buttons-Block auch in einer Reihe dargestellt werden. Dabei kannst du auch verschiedene Button-Styles auswählen.

Button 1
Button 2
Button 3

Download-Button

Download-Buttons dienen dazu, Dokumente zum Download anzubieten. Neben dem Titel des Dokuments können optional auch das Dateiformat und die Dateigrösse angezeigt werden.

Für den Download-Button sind der Primary Style oder der Outline Style wählbar.

Download-Liste

Mit einer Download-Liste kann eine Reihe von Downloads in einer übersichtlichen Liste dargestellt werden.

Jeder Download kann dabei optional mit einer Beschreibung ergänzt werden. Optional ist auch die Anzeige von Dateityp und Dateigrösse.

Download-Liste mit reduzierten Informationen

Download 1

Download

Download 2

Download

Mit Beschreibung, Dateityp und -grösse

Download 1

PDF | 7 kB

Optionale Beschreibung des Downloads

Download

Download 2

PDF | 7 kB

Optionale Beschreibung des Downloads

Download