@inkline/inkline/src/components/IAlert/template.html

Inkline is the Vue.js UI/UX Library built for creating your next design system

<div
    class="alert"
    role="alert"
    :class="classes"
    v-bind="$attrs"
    v-show="!dismissed"
>
    <span
        class="icon"
        role="img"
        aria-hidden="true"
        v-if="$slots.icon"
    >
        <slot name="icon" />
    </span>
    <div class="content">
        <slot />
    </div>
    <span
        class="dismiss"
        role="button"
        :aria-label="dismissAriaLabel"
        @click="dismiss"
        v-if="dismissible"
    >
        <slot name="dismiss">&times;</slot>
    </span>
</div>