20 lines
611 B
Plaintext
20 lines
611 B
Plaintext
component Dropdown {
|
||
props {
|
||
size = "default"
|
||
color = "primary"
|
||
title = "Dropdown"
|
||
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--dropdown 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>
|
||
}
|
||
}
|