1
0
Fork 0
mirror of synced 2024-09-28 23:31:43 +12:00
budibase/packages/standard-components/src/forms/StringField.svelte

35 lines
693 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
let fieldState
let fieldApi
</script>
<Field
{label}
{field}
{disabled}
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>