Skip to main content
Basic Elements
Alert
Code
Countdown
Divider
Headline
Icon
Image
Newsletter
Overlay
Panel
Quotation
Text
Totop
Video
Multiple Elements
Accordion
Button
Description List
Gallery
Grid
List
Map
Nav
Overlay Slider
Panel Slider
Popover
Slideshow
Social
Subnav
Switcher
Table
System Elements
Breadcrumbs
Module/Widget
Position/Area
Pagination
Search
Basic Elements
Alert
Code
Countdown
Divider
Headline
Icon
Image
Newsletter
Overlay
Panel
Quotation
Text
Totop
Video
Multiple Items Elements
Accordion
Button
Description List
Gallery
Grid
List
Map
Nav
Overlay Slider
Panel Slider
Popover
Slideshow
Social
Subnav
Switcher
Table
System Elements
Breadcrumbs
Module/Widget
Position/Area
Pagination
Search
Button
The Button element displays one or multiple buttons within a grid. A button item has Content, Link and Icon fields.
Buy Now
More Information
Style
Each button item has various style options. It can look like a regular button or a link.
Default
Primary
Secondary
Danger
Button Text
Link
Link Muted
Link Text
Size
If a button style is used, set the size for the button.
Small
Small
Small
Small
Large
Large
Large
Large
Full Width Button
Additionally, make the button take the full width.
Full Width
Full Width
Full Width
Full Width
Gaps
Since the Button element can have multiple items, set the size of the column and row gaps between them.
Gap Small
Gap Small
Gap Medium
Gap Medium
Gap Large
Gap Large
Button Icon
The button item can display an icon on the left or right of its content.
Icon Left
Icon Right
Modal
There is an option to open a button link in a modal. This could be an image, video, or YouTube or Vimeo link. Any other link will be opened in an iframe.
Link Modal
Image Modal
Video Modal
YouTube Modal