Product Selector

Fusion 5.12
    Fusion 5.12

    Message

    Table of Contents

    Interruptor

    Example

    <div styling="interruptor">
        <h4>I'm an Interruptor</h4>
        <p>Interruptors are smaller than banners, but larger than alertboxes.<br>
            They're about drawing your attention to a CTA of some sort.</p>
        <p><a styling="button small disabled">Button</a></p>
    </div>

    Alert Box

    Example

    <div styling="alertbox">
        Did you mean the shop <a href="">kitchensinks.co.uk</a>?
        <a href="" class="close">×</a>
    </div>
    <div styling="alertbox alertbox-secondary">
        Something you can probably ignore has happened.
        <a href="" class="close">×</a>
    </div>
    <div styling="alertbox alertbox-negative">
        Something bad has happened.
        <a href="" class="close">×</a>
    </div>
    <div styling="alertbox alertbox-warning">
        Something slightly worrying has happened.
        <a href="" class="close">×</a>
    </div>
    <div styling="alertbox alertbox-positive">
        Something good has happened.
        <a href="" class="close">×</a>
    </div>