Home

Awesome

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

<details> <summary>Click to expand!</summary>
  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.
</details>

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

image