1
0
Fork 0
mirror of synced 2024-09-28 15:21:28 +12:00
budibase/packages/client/src/components/app/forms/StringField.svelte
2021-09-01 11:41:48 +01:00

39 lines
776 B
Svelte

<script>
import { CoreTextField } from "@budibase/bbui"
import Field from "./Field.svelte"
export let field
export let label
export let placeholder
export let type = "text"
export let disabled = false
export let validation
export let defaultValue = ""
let fieldState
let fieldApi
</script>
<Field
{label}
{field}
{disabled}
{validation}
{defaultValue}
type={type === "number" ? "number" : "string"}
bind:fieldState
bind:fieldApi
>
{#if fieldState}
<CoreTextField
updateOnChange={false}
value={fieldState.value}
on:change={e => fieldApi.setValue(e.detail)}
disabled={fieldState.disabled}
error={fieldState.error}
id={fieldState.fieldId}
{placeholder}
{type}
/>
{/if}
</Field>