chore: lift components folder

This commit is contained in:
Eric Liu 2020-07-19 09:06:08 -07:00
commit 2200b29b92
301 changed files with 57 additions and 76 deletions

View file

@ -0,0 +1,33 @@
<script>
export let size = undefined; // "sm" | "xl"
export let type = "default"; // "default" | "inline"
export let disabled = false;
export let invalid = false;
export let invalidText = "";
export let light = false;
export let open = false;
</script>
<div
role="listbox"
tabindex="-1"
data-invalid={invalid || undefined}
class:bx--list-box={true}
class:bx--list-box--inline={type === 'inline'}
class:bx--list-box--disabled={disabled}
class:bx--list-box--expanded={open}
class:bx--list-box--light={light}
class={size && `bx--list-box--${size}`}
{...$$restProps}
on:keydown
on:keydown={e => {
if (e.key === 'Escape') {
e.stopPropagation();
}
}}
on:click|preventDefault|stopPropagation>
<slot />
</div>
{#if invalid}
<div class:bx--form-requirement={true}>{invalidText}</div>
{/if}