1
0
Fork 0
mirror of synced 2024-07-04 14:01:27 +12:00

Merge pull request #2241 from mslourens/radio_buttons

add radio buttons to standard components options picker
This commit is contained in:
Martin McKeaveney 2021-08-03 21:53:26 +01:00 committed by GitHub
commit 55d20de575
2 changed files with 38 additions and 10 deletions

View file

@ -1841,6 +1841,22 @@
"key": "placeholder",
"placeholder": "Choose an option"
},
{
"type": "select",
"label": "Type",
"key": "optionsType",
"placeholder": "Pick an options type",
"options": [
{
"label": "Select",
"value": "select"
},
{
"label": "Radio buttons",
"value": "radio"
}
]
},
{
"type": "boolean",
"label": "Disabled",

View file

@ -1,11 +1,12 @@
<script>
import { CoreSelect } from "@budibase/bbui"
import { CoreSelect, RadioGroup } from "@budibase/bbui"
import Field from "./Field.svelte"
export let field
export let label
export let placeholder
export let disabled = false
export let optionsType = "select"
let fieldState
let fieldApi
@ -22,14 +23,25 @@
bind:fieldSchema
>
{#if fieldState}
<CoreSelect
value={$fieldState.value}
id={$fieldState.fieldId}
disabled={$fieldState.disabled}
error={$fieldState.error}
options={fieldSchema?.constraints?.inclusion ?? []}
{placeholder}
on:change={e => fieldApi.setValue(e.detail)}
/>
{#if optionsType === "select"}
<CoreSelect
value={$fieldState.value}
id={$fieldState.fieldId}
disabled={$fieldState.disabled}
error={$fieldState.error}
options={fieldSchema?.constraints?.inclusion ?? []}
{placeholder}
on:change={e => fieldApi.setValue(e.detail)}
/>
{:else if optionsType === "radio"}
<RadioGroup
value={$fieldState.value}
id={$fieldState.fieldId}
disabled={$fieldState.disabled}
error={$fieldState.error}
options={fieldSchema?.constraints?.inclusion ?? []}
on:change={e => fieldApi.setValue(e.detail)}
/>
{/if}
{/if}
</Field>