Documentation

Ribbon

New
Documentation
Hope-UI

Example

<div class="bg-secondary position-relative rounded" style="height: 200px;">
    <div class="iq-ribbon-effect text-primary">
        <span>New</span>
    </div>
    <div class="iq-ribbon-effect text-success" style="margin-left: 5rem;">
        <span>Documentation</span>
    </div>
    <div class="iq-ribbon-effect text-danger" style="margin-left: 10rem;">
        <span>Hope-UI</span>
    </div>
</div>