Image Lightbox | PatternLab (0.1.259)

TIP

.lightbox

I'm a cool image, casually floating on the left

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at atque autem consequatur expedita libero odit, vero? Alias commodi delectus dolore expedita magni, necessitatibus numquam perferendis quidem quo repudiandae voluptates?

hide code

<div class="image-wrapper">
    <div class="image-wrapper__image -left">
        <img src="https://via.placeholder.com/500x120.png" class="lightbox" alt="floating image" />
        <div class="image-wrapper__caption">
            I'm a cool image, casually floating on the left
        </div>
    </div>
    <div class="image-wrapper__text">
        <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at atque autem consequatur expedita libero odit, vero? Alias commodi delectus dolore expedita magni, necessitatibus numquam perferendis quidem quo repudiandae voluptates?
        </p>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at atque autem consequatur expedita libero odit, vero? Alias commodi delectus dolore expedita magni, necessitatibus numquam perferendis quidem quo repudiandae voluptates?
        </p>
    </div>
</div>

← Input Group List →

# Image Lightbox