fix: radio inline attribute and docs

Jaspero · Jan 1, 2024 · fdbf0b8 · fdbf0b8
1 parent eada664
commit fdbf0b8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/docs/docs/Form fields/radio.md b/docs/docs/Form fields/radio.md
@@ -7,8 +7,10 @@
 ### Attributes
 | **Name** | **Required** | **Type** | **Description** |
 | :----: | :----: | :----: | :---: |
+| value | | `string` | initial value |
 | options | ✓ |`Array<{name?: string, value: any, disabled?: boolean;}>` | select options |
 | name | ✓ | `string` |  name of the form control |
+| inline | | `boolean` | row/columns |
 | required | | `boolean` | determines if a selection is required |
 | requiredValidationMessage | | `string` | validation message for when component does not satisfy required |
 

diff --git a/packages/lib/src/form-fields/radio.wc.svelte b/packages/lib/src/form-fields/radio.wc.svelte
@@ -24,6 +24,7 @@
   export let required: boolean = false;
   export let value: string = '';
   export let name: string | null = null;
+  export let inline: boolean = false;
 
   export let requiredValidationMessage;
 
@@ -54,7 +55,7 @@
   });
 </script>
 
-<div class="flex flex-col">
+<div style={`display: flex; flex-direction: ${inline ? 'row' : 'column'}`}>
   {#each options as option}
     <label class:disabled={option.disabled}>
       <input