@plone-collective/volto-block-banner

volto-block-banner

A volto block add-on for a banner. It contains two sub-elements:

1. Text: The display text of the banner.
2. CTA-Button: Call To Action (CTA) button.

Customizable properties

Click to expand!

1. text (string): Main text or the heading of the banner.
2. showActionButton (boolean): Toggle the CTA-Button.
3. actionButtonText (string): CTA-Button label.
4. actionButtonUrl (string): CTA-Button URL which is navigated onClick.
5. backgroundColor (string): Specifies the backgroundColor css property for the banner.
6. textColor (string): Specifies the color css property for Text.
7. showCircle (boolean): Toggle the orange circle background design.
8. marginBottom (string): Specifies the margin-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'

Output