playbook_ui_docs 13.15.0.pre.alpha.PLAY10851907 → 13.15.0.pre.alpha.PLAY11311893
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.html.erb +24 -0
- data/app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.jsx +38 -0
- data/app/pb_kits/playbook/pb_select/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_select/docs/index.js +1 -0
- data/dist/playbook-doc.js +4 -4
- metadata +4 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 0ed05b57e5168e3c22770d59f83a673b76460bf0ef149e58a7b777c196287f0f
|
|
4
|
+
data.tar.gz: bdce2d09ca41f4d3447db4ca9d57d5fbd9f40330541d259872bad0f2dcfff165
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: e0ffd93706d23473d9a0ecc889ef3b92cba15b9425ccd39e785a34a0c63bd8a91a44253a920e93bd883d5c81b3b24c4ddea9d1154996748995c020d0d94db48a
|
|
7
|
+
data.tar.gz: bc3fc0380d79b5c8b94bc5c8c8d28ff4e7131374eccdcb06e8a169fe9b1713fa8cfdb9786fc8e00bb86b73ea22b546bf339ee7c368c03ce857bb096c0c0556c7
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
<%= pb_rails("select", props: {
|
|
2
|
+
label: "Favorite Food",
|
|
3
|
+
name: "food",
|
|
4
|
+
inline: true,
|
|
5
|
+
options: [
|
|
6
|
+
{
|
|
7
|
+
value: "1",
|
|
8
|
+
value_text: "Burgers",
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
value: "2",
|
|
12
|
+
value_text: "Pizza",
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
value: "3",
|
|
16
|
+
value_text: "Tacos",
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
value: "4",
|
|
20
|
+
value_text: "BBQ",
|
|
21
|
+
},
|
|
22
|
+
],
|
|
23
|
+
show_arrow: true
|
|
24
|
+
}) %>
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
import { Body, Select } from '../..'
|
|
3
|
+
|
|
4
|
+
const SelectInlineShowArrow = (props) => {
|
|
5
|
+
const options = [
|
|
6
|
+
{
|
|
7
|
+
value: '1',
|
|
8
|
+
text: 'Burgers',
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
value: '2',
|
|
12
|
+
text: 'Pizza',
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
value: '3',
|
|
16
|
+
text: 'Tacos',
|
|
17
|
+
},
|
|
18
|
+
]
|
|
19
|
+
|
|
20
|
+
return (
|
|
21
|
+
<div>
|
|
22
|
+
<Select
|
|
23
|
+
inline
|
|
24
|
+
label="Favorite Food"
|
|
25
|
+
name="food"
|
|
26
|
+
options={options}
|
|
27
|
+
showArrow
|
|
28
|
+
{...props}
|
|
29
|
+
/>
|
|
30
|
+
<Body
|
|
31
|
+
status="negative"
|
|
32
|
+
{...props}
|
|
33
|
+
/>
|
|
34
|
+
</div>
|
|
35
|
+
)
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
export default SelectInlineShowArrow
|
|
@@ -10,6 +10,7 @@ examples:
|
|
|
10
10
|
- select_custom_select: Custom Select
|
|
11
11
|
- select_error: Select w/ Error
|
|
12
12
|
- select_inline: Select Inline
|
|
13
|
+
- select_inline_show_arrow: Select Inline (Always Show Arrow)
|
|
13
14
|
- select_inline_compact: Select Inline Compact
|
|
14
15
|
- select_attributes: Select W/ Attributes
|
|
15
16
|
- select_multiple: Select Multiple
|
|
@@ -26,6 +27,7 @@ examples:
|
|
|
26
27
|
- select_custom_select: Custom Select
|
|
27
28
|
- select_error: Select w/ Error
|
|
28
29
|
- select_inline: Select Inline
|
|
30
|
+
- select_inline_show_arrow: Select Inline (Always Show Arrow)
|
|
29
31
|
- select_inline_compact: Select Inline Compact
|
|
30
32
|
- select_multiple: Select Multiple
|
|
31
33
|
|
|
@@ -7,5 +7,6 @@ export { default as SelectCustomSelect } from './_select_custom_select.jsx'
|
|
|
7
7
|
export { default as SelectValueTextSame } from './_select_value_text_same.jsx'
|
|
8
8
|
export { default as SelectError } from './_select_error.jsx'
|
|
9
9
|
export { default as SelectInline } from './_select_inline.jsx'
|
|
10
|
+
export { default as SelectInlineShowArrow } from './_select_inline_show_arrow.jsx'
|
|
10
11
|
export { default as SelectInlineCompact } from './_select_inline_compact.jsx'
|
|
11
12
|
export { default as SelectMultiple } from './_select_multiple.jsx'
|