carbon-components-svelte/src/TextInput/TextInputSkeleton.svelte
2024-11-11 21:35:48 -08:00

20 lines
496 B
Svelte

<script>
/** Set to `true` to hide the label text */
export let hideLabel = false;
</script>
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<!-- svelte-ignore a11y-no-static-element-interactions -->
<div
class:bx--form-item={true}
{...$$restProps}
on:click
on:mouseover
on:mouseenter
on:mouseleave
>
{#if !hideLabel}
<span class:bx--label={true} class:bx--skeleton={true}></span>
{/if}
<div class:bx--skeleton={true} class:bx--text-input={true}></div>
</div>