22 lines
663 B
Plaintext
22 lines
663 B
Plaintext
component Tooltip {
|
||
props {
|
||
@event open = function
|
||
@event close = function
|
||
size = "default"
|
||
color = "primary"
|
||
title = "Tooltip"
|
||
description = ""
|
||
open = false
|
||
placement = "bottom"
|
||
closeLabel = "Close"
|
||
class = ""
|
||
}
|
||
view {
|
||
<div data-show="{open}" class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--tooltip wire-next--placement-{placement} {class}" role="region" aria-modal="false" aria-label="{title}">
|
||
<header><strong>{title}</strong><button type="button" aria-label="{closeLabel}">×</button></header>
|
||
{#if description}<p>{description}</p>{/if}
|
||
<slot />
|
||
</div>
|
||
}
|
||
}
|