fix: CInputRadioGroup: add inline styling option

woothu · woothu · commit 9f8aeec4f907 · 2020-03-18T13:51:22.000+01:00
diff --git a/src/components/form/CInputRadioGroup.vue b/src/components/form/CInputRadioGroup.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div :class="{ 'form-inline': inline }">
     <CInputRadio
       v-for="({value, label, props}, key) in computedOptions"
       :key="key"
@@ -9,6 +9,7 @@
       :checked="checked === value"
       @change="change($event, value)"
       :custom="custom"
+      :inline="inline"
       v-bind="props"
     />
   </div>
@@ -28,7 +29,8 @@ export default {
     },
     checked: String,
     name: String,
-    custom: Boolean
+    custom: Boolean,
+    inline: Boolean
   },
   computed: {
     computedOptions () {
diff --git a/src/components/form/tests/__snapshots__/CInputRadioGroup.spec.js.snap b/src/components/form/tests/__snapshots__/CInputRadioGroup.spec.js.snap
@@ -1,7 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`CInputRadio renders correctly 1`] = `
-<div>
+<div
+  class=""
+>
   <div
     class="custom-control custom-radio"
     role="group"
diff --git a/src/components/index.d.ts b/src/components/index.d.ts
@@ -233,6 +233,7 @@ export declare class CInputRadioGroup extends Vue {
   options: [string | { label: string, value: string, props?: object }]
   checked?: string
   custom?: boolean
+  inline?: boolean
 }
 
 export declare class CInputCheckbox extends CInputRadio {}

Original file line number	Diff line number	Diff line change
`@@ -233,6 +233,7 @@ export declare class CInputRadioGroup extends Vue {`
`233`	`233`	`options: [string \| { label: string, value: string, props?: object }]`
`234`	`234`	`checked?: string`
`235`	`235`	`custom?: boolean`
	`236`	`+ inline?: boolean`
`236`	`237`	`}`
`237`	`238`
`238`	`239`	`export declare class CInputCheckbox extends CInputRadio {}`