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

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 7f9ae020f708e6dcede28890560329228e54697a71a5f01afe935523d878a22b
4
- data.tar.gz: 792764c6d02e9dbcb61ffe1b95d0880089fdc16316fe2d70732514eb2111d243
3
+ metadata.gz: 19e2b546ea82fe666166291c48a804a7f7efbaa87323a7b01c1091df33a0c311
4
+ data.tar.gz: 5b70a856950624c4951eb1f511bc379b588ef9a6f9a8377e9e6bb490823391a0
5
5
  SHA512:
6
- metadata.gz: 98f727a215dc9eccd1884bc3d6184ddfbeb5ed65c34c1fdc14b92494186f5b6def975f1c159135f97cb3d83eefb09489fa7719c5bddd94289e24477c0263ab6f
7
- data.tar.gz: 6ec5fe85057e1c238ad524e75357e3ea009405654b9fba7b65a5cc50e05303ff7504b09148b6023e4931fc7f6f77ccaabcc4d6aa20c96337e3572551fd6b465b
6
+ metadata.gz: 2c2692154f92d60678d9aa5238350729523baf16d76130db30e1ebc76f564f1d6b58ca01de380949a7658749345adb4ef65e5e1b36e4b4a217ac84ba507dee05
7
+ data.tar.gz: 70a22e0ae39a2d66ee36f40177ff3a235b22c947b31d16ba65754e1fd81b7064db80f9a1bf5dd3b2a88e06b59fe1280aab5c71d9051a345443026a3635980563
@@ -0,0 +1,59 @@
1
+ import React from 'react'
2
+ import Radio from '../_radio'
3
+ import Select from '../../pb_select/_select'
4
+ import Typeahead from '../../pb_typeahead/_typeahead'
5
+ import Title from '../../pb_title/_title'
6
+
7
+ const RadioChildren = (props) => {
8
+
9
+
10
+ const options = [
11
+ { label: 'Orange', value: 'Orange' },
12
+ { label: 'Red', value: 'Red' },
13
+ { label: 'Green', value: 'Green' },
14
+ { label: 'Blue', value: 'Blue' },
15
+ ]
16
+
17
+ return (
18
+ <div>
19
+ <Radio
20
+ customChildren
21
+ label="Select"
22
+ name="Group1"
23
+ tabIndex={0}
24
+ value="Select"
25
+ {...props}
26
+ >
27
+ <Select
28
+ minWidth="xs"
29
+ options={options}
30
+ />
31
+ </Radio>
32
+ <Radio
33
+ customChildren
34
+ label="Typeahead"
35
+ name="Group1"
36
+ tabIndex={0}
37
+ value="Typeahead"
38
+ {...props}
39
+ >
40
+ <Typeahead
41
+ minWidth="xs"
42
+ options={options}
43
+ />
44
+ </Radio>
45
+ <br />
46
+ <Radio
47
+ customChildren
48
+ defaultChecked={false}
49
+ label="Typography"
50
+ name="Group1"
51
+ value="Typography"
52
+ {...props}
53
+ >
54
+ <Title text="Custom Typography" />
55
+ </Radio>
56
+ </div>
57
+ )
58
+ }
59
+ export default RadioChildren
@@ -15,6 +15,7 @@ examples:
15
15
  - radio_error: With Error
16
16
  - radio_alignment: Alignment
17
17
  - radio_disabled: Disabled
18
+ - radio_custom_children: Custom Children
18
19
 
19
20
  swift:
20
21
  - radio_default_swift: Default
@@ -3,3 +3,4 @@ export { default as RadioCustom } from './_radio_custom.jsx'
3
3
  export { default as RadioError } from './_radio_error.jsx'
4
4
  export { default as RadioAlignment } from './_radio_alignment.jsx'
5
5
  export { default as RadioDisabled } from './_radio_disabled.jsx'
6
+ export { default as RadioCustomChildren } from './_radio_custom_children.jsx'