playbook_ui_docs 14.14.0.pre.alpha.PBNTR890typeahead6394 → 14.14.0.pre.alpha.PBNTR892dialogenhancedelement6476
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_overlay/docs/_overlay_hide_scroll_bar.html.erb +11 -0
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.jsx +37 -0
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_rails.md +1 -0
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_react.md +1 -0
- data/app/pb_kits/playbook/pb_overlay/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_overlay/docs/index.js +1 -0
- data/dist/playbook-doc.js +1 -1
- metadata +6 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 8c2647ac51c742d41e31c8c4259b2af5b8345390b56f844590805bb301592577
|
|
4
|
+
data.tar.gz: 3ff7c42c001e86dafa36d2607ce0d051fe9c471c949acacd5655396cba24043d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: c0160498650a12aa3e698d22b23c6a0771d09ca320a5c80c50fa57a35b95b0a1d508d3b9f0c61f7bb2dfb54fffebdafdfe5d88d58cf7ec200655d5b6351ddeda
|
|
7
|
+
data.tar.gz: c5bccd7e1347936e1538d947ef277d19da51076e95ae076b83037ae26e83f087d6fb442d5b270f7b710c3e781ac49fcf7b6ee6f76bc6779b3e3e683d3d276109
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<%= pb_rails("overlay", props: { layout: { "x": "xl" }, color: "card_light", scroll_bar_none: true }) do %>
|
|
2
|
+
<%= pb_rails("flex", props: { column_gap: "lg", orientation: "row", overflow_x: "auto" }) do %>
|
|
3
|
+
<% 15.times do %>
|
|
4
|
+
<%= pb_rails("flex/flex_item") do %>
|
|
5
|
+
<%= pb_rails("card") do %>
|
|
6
|
+
Card content
|
|
7
|
+
<% end %>
|
|
8
|
+
<% end %>
|
|
9
|
+
<% end %>
|
|
10
|
+
<% end %>
|
|
11
|
+
<% end %>
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
import {
|
|
3
|
+
Overlay,
|
|
4
|
+
Card,
|
|
5
|
+
Flex,
|
|
6
|
+
FlexItem,
|
|
7
|
+
} from 'playbook-ui'
|
|
8
|
+
|
|
9
|
+
const InlineCardsExample = () => {
|
|
10
|
+
return (
|
|
11
|
+
<Flex
|
|
12
|
+
columnGap="lg"
|
|
13
|
+
orientation="row"
|
|
14
|
+
overflowX="auto"
|
|
15
|
+
>
|
|
16
|
+
{Array.from({ length: 15 }, (_, index) => (
|
|
17
|
+
<FlexItem key={index}>
|
|
18
|
+
<Card>{"Card Content"}</Card>
|
|
19
|
+
</FlexItem>
|
|
20
|
+
))}
|
|
21
|
+
</Flex>
|
|
22
|
+
)
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
const OverlayHideScrollBar = () => (
|
|
26
|
+
<>
|
|
27
|
+
<Overlay
|
|
28
|
+
color="card_light"
|
|
29
|
+
layout={{"x": "xl"}}
|
|
30
|
+
scrollBarNone
|
|
31
|
+
>
|
|
32
|
+
<InlineCardsExample />
|
|
33
|
+
</Overlay>
|
|
34
|
+
</>
|
|
35
|
+
)
|
|
36
|
+
|
|
37
|
+
export default OverlayHideScrollBar
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Pass the `scroll_bar_none` prop to hide the scrollbar from view. This is particularly helpful for small containers where the scrollbar may occupy too much space.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Pass the `scrollBarNone` prop to hide the scrollbar from view. This is particularly helpful for small containers where the scrollbar may occupy too much space.
|
|
@@ -4,9 +4,11 @@ examples:
|
|
|
4
4
|
- overlay_multi_directional: Multi-directional
|
|
5
5
|
- overlay_vertical_dynamic_multi_directional: Vertical Dynamic Multi-directional
|
|
6
6
|
- overlay_toggle: Toggle
|
|
7
|
+
- overlay_hide_scroll_bar: Hide Scroll Bar
|
|
7
8
|
|
|
8
9
|
rails:
|
|
9
10
|
- overlay_default: Default
|
|
10
11
|
- overlay_multi_directional: Multi-directional
|
|
11
12
|
- overlay_vertical_dynamic_multi_directional: Vertical Dynamic Multi-directional
|
|
12
13
|
- overlay_toggle: Toggle
|
|
14
|
+
- overlay_hide_scroll_bar: Hide Scroll Bar
|
|
@@ -2,3 +2,4 @@ export { default as OverlayDefault } from './_overlay_default.jsx'
|
|
|
2
2
|
export { default as OverlayMultiDirectional } from './_overlay_multi_directional.jsx'
|
|
3
3
|
export { default as OverlayToggle } from './_overlay_toggle.jsx'
|
|
4
4
|
export { default as OverlayVerticalDynamicMultiDirectional } from './_overlay_vertical_dynamic_multi_directional.jsx'
|
|
5
|
+
export { default as OverlayHideScrollBar } from './_overlay_hide_scroll_bar.jsx'
|