22 lines
659 B
Plaintext
22 lines
659 B
Plaintext
component Drawer {
|
||
props {
|
||
@event open = function
|
||
@event close = function
|
||
size = "default"
|
||
color = "primary"
|
||
title = "Drawer"
|
||
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--drawer wire-next--placement-{placement} {class}" role="dialog" aria-modal="true" aria-label="{title}">
|
||
<header><strong>{title}</strong><button type="button" aria-label="{closeLabel}">×</button></header>
|
||
{#if description}<p>{description}</p>{/if}
|
||
<slot />
|
||
</div>
|
||
}
|
||
}
|