aotds-docks/src/components/Field/index.svelte

30 lines
459 B
Svelte
Raw Normal View History

2020-07-19 20:21:28 +00:00
<div>
{#if label}
<label>{label}</label>
{/if}
<slot>
<input type="text" {placeholder} {value} on:change />
</slot>
</div>
<script>
export let label = "";
export let value = "";
export let placeholder;
</script>
<style>
2020-07-28 18:38:40 +00:00
div > :global(*) {
margin-left: 1em;
}
div > label {
margin-left: 0em;
}
2020-07-19 20:21:28 +00:00
label {
font-size: var(--font-scale-8);
2020-07-28 17:26:08 +00:00
font-weight: lighter;
font-family: Dosis;
color: var(--indigo-dye);
2020-07-19 20:21:28 +00:00
}
</style>