24 lines
729 B
Plaintext
24 lines
729 B
Plaintext
component Alert {
|
||
props {
|
||
class = ""
|
||
title = "Notice"
|
||
description = ""
|
||
variant = "info"
|
||
dismissible = false
|
||
}
|
||
|
||
state visible = true
|
||
|
||
view {
|
||
<aside data-show="visible" role="alert" class="wire-alert wire-alert--{variant} wire-alert--rich {class}">
|
||
<span class="wire-alert__icon" aria-hidden="true"></span>
|
||
<div class="wire-alert__content">
|
||
{#if title}<h3 class="wire-alert__title">{title}</h3>{/if}
|
||
{#if description}<p class="wire-alert__body">{description}</p>{/if}
|
||
<slot />
|
||
</div>
|
||
{#if dismissible}<button type="button" aria-label="Dismiss" @click="visible = false" class="wire-alert__dismiss">×</button>{/if}
|
||
</aside>
|
||
}
|
||
}
|