Skip to main content

Button

A styled, linkable button. Tabs: Content, Styling, Animations, Advanced.

Content

OptionNotes
Button LabelThe text shown on the button
Button LinkDestination URL
Open Link in New WindowOn/Off
Button IconOptional icon
Icon PositionBefore Label, After Label

Styling

OptionChoices
Button StyleA set of visual presets (image-picker)
Button SizeSize presets (image-picker)
Button WidthFull Width, or Custom
Custom WidthUsed when Button Width = Custom
AlignmentLeft, Center, Right
Button StateActive, Disabled
Hover AnimationA set of hover effects
MarginSpacing

:::note Screenshots — styles, sizes & hover Capture each Button Style, Button Size, and Hover Animation variant. Suggested files: button-style-1, button-size-lg, button-hover-grow in static/img/shortcodes/. :::

Screenshots

note

Drop screenshots into static/img/shortcodes/ and embed them here.