unicorn-components/src/components/ui/gallery/image/image.component.html

<a target="_blank" href="https://getunicorn.io"><img src="https://bitbucket-assetroot.s3.amazonaws.com/c/photos/2017/Jul/07/2615006260-5-nitsnetsstudios-ondemand-UNI_avatar.png" align="left"></a>

<uni-row class="uni-gallery-image__footer">
    <uni-checkbox class="uni-gallery-image__checkbox" [model]="selected" (modelChange)="onSelect($event)"></uni-checkbox>
    <div class="uni-gallery-image__text-container" (click)="onSelect(!selected)">
        <p class="uni-gallery-image__title">{{label || '(Untitled)'}}</p>
        <p class="uni-gallery-image__dimensions">{{width}}x{{height}}</p>
    </div>
    <uni-button class="uni-gallery-image__delete" (click)="onDeleting(true)" icon="delete"></uni-button>
</uni-row>

<div class="uni-gallery-image__deleting" *ngIf="deleting">
    <div>Are you sure you want to delete
        <strong>{{label || '(Untitled)'}}</strong>?</div>
    <div>
        <uni-button class="u-fr" label="Cancel" (click)="onDeleting(false)"></uni-button>
        <uni-button class="u-fr" label="Delete" color="error" (click)="onDelete()"></uni-button>
    </div>
</div>

{{thumbPath}}