Merge pull request #2241 from mslourens/radio_buttons

add radio buttons to standard components options picker

packages/standard-components/manifest.json

@@ -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",

packages/standard-components/src/forms/OptionsField.svelte

@@ -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
+    {#if optionsType === "select"}
-      value={$fieldState.value}
+      <CoreSelect
-      id={$fieldState.fieldId}
+        value={$fieldState.value}
-      disabled={$fieldState.disabled}
+        id={$fieldState.fieldId}
-      error={$fieldState.error}
+        disabled={$fieldState.disabled}
-      options={fieldSchema?.constraints?.inclusion ?? []}
+        error={$fieldState.error}
-      {placeholder}
+        options={fieldSchema?.constraints?.inclusion ?? []}
-      on:change={e => fieldApi.setValue(e.detail)}
+        {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>