mirror of
https://github.com/MewoLab/AquaDX.git
synced 2026-02-05 01:37:27 +08:00
27 lines
621 B
Svelte
27 lines
621 B
Svelte
<script lang="ts">
|
|
export let desc: string
|
|
export let value: string
|
|
export let placeholder: string
|
|
export let flex: number = 60
|
|
|
|
export let disabled: boolean = false
|
|
|
|
export let validate: (value: string) => boolean = () => true
|
|
</script>
|
|
|
|
<div class="field" style="flex: {flex}">
|
|
<label for={desc}>{desc}</label>
|
|
<input type="text" placeholder={placeholder} bind:value={value} id="{desc}" on:change
|
|
class:error={value && !validate(value)} {disabled}/>
|
|
</div>
|
|
|
|
<style lang="sass">
|
|
.field
|
|
display: inline-flex
|
|
flex-direction: column
|
|
gap: 0.5rem
|
|
|
|
label
|
|
font-weight: bold
|
|
</style>
|