playbook_ui_docs 14.5.0.pre.rc.9 → 14.5.0.pre.rc.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fa3f231d2936cca8af5339c14deb751848015ef507aa6ca371b15343dc9dcfa3
-  data.tar.gz: 2028d5ad18d7533ad07d53a00a6dfb445739d4dfefd0a0bea0fa9951c2147cc9
+  metadata.gz: 46c7537d3fa7a462969f7bb26e0e96830f23e2b4de941063013b393915d61e5a
+  data.tar.gz: 188bdd92fa8d9f2c3b5a1cf89af2b085d2a33288fdfd6321d87ff5e0dfb87c98
 SHA512:
-  metadata.gz: bfc41903eb0a2fcfd02e00249d39f569b294d64390cfdce74ed7371e7b73b16a9650453746b769bf0d19b66d1abd7ba17c61c60788371d3d35ec2f6d2780bf6d
-  data.tar.gz: 5a43773ab874bdc734acf1fdfe76b050f3c79508d22cf2e050591896db5f59f42a743dc5aedb9cdc82a6a65059baf6ff76ac20f0428b3600a5d6a12bc9f36a20
+  metadata.gz: 1109144e315e4f548b69bd2ef7ad22f53f6855d347ed53e6be552dd5f6df845c5987a6f3d015bb8023b558c5dc2e9f7a895572c7b532920d31513c6a7d4e6ab5
+  data.tar.gz: 3477ed50d3aab01b75909d7930dbdf24da871e240d41b773acbcf63fce3d6d74537d720fa7efd5f6f8574d6df0add01e540c23e0a1a6a9855201b88ebe225315

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'