volto-block-banner
A volto block add-on for a banner. It contains two sub-elements:
-
Text
: The display text of the banner. -
CTA-Button
: Call To Action (CTA) button.
Customizable properties
Click to expand!
-
text
(string): Main text or the heading of the banner. -
showActionButton
(boolean): Toggle theCTA-Button
. -
actionButtonText
(string):CTA-Button
label. -
actionButtonUrl
(string):CTA-Button
URL which is navigated onClick. -
backgroundColor
(string): Specifies thebackgroundColor
css property for the banner. -
textColor
(string): Specifies thecolor
css property forText
. -
showCircle
(boolean): Toggle the orange circle background design. -
marginBottom
(string): Specifies themargin-bottom
css property of the banner.
Example
Configuration
text: 'This is a Banner!! Put your message here!'
showActionButton: true
actionButtonText: 'Take Action'
actionButtonUrl: '/'
backgroundColor: '#2b4eff'
textColor: '#ffffff'
showCircle: true
marginBottom: '15px'