30 lines
440 B
Svelte
30 lines
440 B
Svelte
|
<script lang="ts">
|
||
|
export let label: string = ''
|
||
|
export let value: string
|
||
|
</script>
|
||
|
|
||
|
<label>
|
||
|
<small>
|
||
|
{label}
|
||
|
</small>
|
||
|
<textarea {...$$restProps} bind:value />
|
||
|
</label>
|
||
|
|
||
|
<style>
|
||
|
textarea {
|
||
|
width: 100%;
|
||
|
min-height: 8rem;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
border: 2px solid var(--ui-bg-1);
|
||
|
resize: vertical;
|
||
|
outline: none;
|
||
|
padding: 0.5rem;
|
||
|
}
|
||
|
|
||
|
textarea:hover,
|
||
|
textarea:focus {
|
||
|
border-color: var(--ui-clr-primary);
|
||
|
}
|
||
|
</style>
|