playbook_ui_docs 14.5.0.pre.rc.8 → 14.5.0.pre.rc.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7f9ae020f708e6dcede28890560329228e54697a71a5f01afe935523d878a22b
-  data.tar.gz: 792764c6d02e9dbcb61ffe1b95d0880089fdc16316fe2d70732514eb2111d243
+  metadata.gz: 19e2b546ea82fe666166291c48a804a7f7efbaa87323a7b01c1091df33a0c311
+  data.tar.gz: 5b70a856950624c4951eb1f511bc379b588ef9a6f9a8377e9e6bb490823391a0
 SHA512:
-  metadata.gz: 98f727a215dc9eccd1884bc3d6184ddfbeb5ed65c34c1fdc14b92494186f5b6def975f1c159135f97cb3d83eefb09489fa7719c5bddd94289e24477c0263ab6f
-  data.tar.gz: 6ec5fe85057e1c238ad524e75357e3ea009405654b9fba7b65a5cc50e05303ff7504b09148b6023e4931fc7f6f77ccaabcc4d6aa20c96337e3572551fd6b465b
+  metadata.gz: 2c2692154f92d60678d9aa5238350729523baf16d76130db30e1ebc76f564f1d6b58ca01de380949a7658749345adb4ef65e5e1b36e4b4a217ac84ba507dee05
+  data.tar.gz: 70a22e0ae39a2d66ee36f40177ff3a235b22c947b31d16ba65754e1fd81b7064db80f9a1bf5dd3b2a88e06b59fe1280aab5c71d9051a345443026a3635980563

data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx

@@ -0,0 +1,59 @@
+import React from 'react'
+import Radio from '../_radio'
+import Select from '../../pb_select/_select'
+import Typeahead from '../../pb_typeahead/_typeahead'
+import Title from '../../pb_title/_title'
+
+const RadioChildren = (props) => {
+
+
+  const options = [
+    { label: 'Orange', value: 'Orange' },
+    { label: 'Red', value: 'Red' },
+    { label: 'Green', value: 'Green' },
+    { label: 'Blue', value: 'Blue' },
+  ]
+
+  return (
+    <div>
+      <Radio
+          customChildren
+          label="Select"
+          name="Group1"
+          tabIndex={0}
+          value="Select"
+          {...props}
+      >
+        <Select 
+            minWidth="xs"
+            options={options}
+        />
+      </Radio>
+      <Radio
+          customChildren
+          label="Typeahead"
+          name="Group1"
+          tabIndex={0}
+          value="Typeahead"
+          {...props}
+      >
+        <Typeahead 
+            minWidth="xs"
+            options={options}
+        />
+      </Radio>
+      <br />
+      <Radio
+          customChildren
+          defaultChecked={false}
+          label="Typography"
+          name="Group1"
+          value="Typography"
+          {...props}
+      >
+        <Title text="Custom Typography" />
+      </Radio>
+    </div>
+  )
+}
+export default RadioChildren

data/app/pb_kits/playbook/pb_radio/docs/example.yml

@@ -15,6 +15,7 @@ examples:
   - radio_error: With Error
   - radio_alignment: Alignment
   - radio_disabled: Disabled
+  - radio_custom_children: Custom Children
 
   swift:
   - radio_default_swift: Default

data/app/pb_kits/playbook/pb_radio/docs/index.js

@@ -3,3 +3,4 @@ export { default as RadioCustom } from './_radio_custom.jsx'
 export { default as RadioError } from './_radio_error.jsx'
 export { default as RadioAlignment } from './_radio_alignment.jsx'
 export { default as RadioDisabled } from './_radio_disabled.jsx'
+export { default as RadioCustomChildren } from './_radio_custom_children.jsx'