playbook_ui_docs 14.5.0.pre.rc.9 → 14.5.0.pre.rc.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fa3f231d2936cca8af5339c14deb751848015ef507aa6ca371b15343dc9dcfa3
-  data.tar.gz: 2028d5ad18d7533ad07d53a00a6dfb445739d4dfefd0a0bea0fa9951c2147cc9
+  metadata.gz: 19e2b546ea82fe666166291c48a804a7f7efbaa87323a7b01c1091df33a0c311
+  data.tar.gz: 5b70a856950624c4951eb1f511bc379b588ef9a6f9a8377e9e6bb490823391a0
 SHA512:
-  metadata.gz: bfc41903eb0a2fcfd02e00249d39f569b294d64390cfdce74ed7371e7b73b16a9650453746b769bf0d19b66d1abd7ba17c61c60788371d3d35ec2f6d2780bf6d
-  data.tar.gz: 5a43773ab874bdc734acf1fdfe76b050f3c79508d22cf2e050591896db5f59f42a743dc5aedb9cdc82a6a65059baf6ff76ac20f0428b3600a5d6a12bc9f36a20
+  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'