Skip to content
Modules

Button

Usage:

For internal and external linking of content.

 

Module Definition:

  • Default theme and spacing settings
  • Choice between two content widths: full content width and reduced content width
  • Any number of entries (currently limited to 8)
  • Alignment left, center and right
  • Three button types: primary, secondary and CTA
  • Button has min. and max. width, multiline labels supported
  • Label is mandatory field
  • Anker links are supported (via ID hash to typolink e.g. #c123)

Demo

Single Button (Primary)

Button

Button Group (Primary)

Button 1Button 2Button 3

Single Button (Secondary)

Button

Button Group (Secondary)

Button 1Button 2Button 3

Single Button (CTA)

Button

Button Group (Mixed)

Button 1Button 2Button 3Button 4

Button Alignment

Button 1Button 2
Button 1Button 2

Button Content Width

Button 1Button 2
Button 1Button 2

Button Wrapping

Button 1Button 2Button 3Button 4

Button with Multi-Line Label

Button with very long label for demonstrating multi-line abilities

Button with Anker

Button with anker
Privacy Settings
This site uses cookies and third party elements to provide you with certain features and an optimal website experience. These include cookies that are strictly necessary for the operation of the site, cookies for anonymous statistical analysis/measurement, and the embedding of external services whose use you must consent to prior to use. You can find more information below in the notes on the individual functions and in detail in our privacy policy.
These cookies are necessary to enable the basic functions of our website.
This consent allows you to view external contents (via iframe).
This consent allows you to view embedded maps.
This consent allows you to watch embedded videos.
Google Analytics records your page views for anonymous statistical purposes. Your IP address is anonymized before transmission.
Settings saved