npm package manager

    @plone-collective/volto-block-banner

    1.0.0 • Public • Published

    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

    image

    Install

    npm i @plone-collective/volto-block-banner

    DownloadsWeekly Downloads

    0

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    239 kB

    Total Files

    42

    Last publish

    Collaborators

    • nileshgulia1
    • ericof
    • avoinea
    • sneridagh
    • timostollenwerk