playbook_ui_docs 15.1.0.pre.rc.6 → 15.1.0.pre.rc.7
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_advanced_table/docs/_advanced_table_column_headers_vertical_border.jsx +2 -2
- data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.html.erb +6 -0
- data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.jsx +39 -0
- data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.md +1 -0
- data/app/pb_kits/playbook/pb_nav/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_nav/docs/index.js +2 -1
- data/dist/playbook-doc.js +1 -1
- metadata +5 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 25f20ccc463b8c0e9ee588c4c04d5d3de8a337dc7fdb4ec8d1f0e7a294299f87
|
|
4
|
+
data.tar.gz: 406baff0063b236c4ad9b888b02580c2212d64885e7b76a28dc84a53a3879f96
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 3c7950739a6bf786f644879819f717103c99c0c59c2d075fe8f2eae10c88785abefd81d8abf31d0fd3e886e522fa26a36eecba84ccfcb7b5dd38a9932a1917f4
|
|
7
|
+
data.tar.gz: ae6cdeb4ad96508e6a93abe97e19cd69fa03c20981a0a0786d77107411f11f061bbf84a4eae94556cc745aeee21c9e4c702d2554469884d4929a09b6d30b5539
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<%= pb_rails("nav", props: { orientation: "horizontal", extended_underline: true }) do %>
|
|
2
|
+
<%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
|
|
3
|
+
<%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
|
|
4
|
+
<%= pb_rails("nav/item", props: { text: "Service ", link: "#" }) %>
|
|
5
|
+
<%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
|
|
6
|
+
<% end %>
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
|
|
3
|
+
import Nav from '../_nav'
|
|
4
|
+
import NavItem from '../_item'
|
|
5
|
+
|
|
6
|
+
const HorizontalNavExtendedunderline = (props) => {
|
|
7
|
+
return (
|
|
8
|
+
<Nav
|
|
9
|
+
extendedUnderline
|
|
10
|
+
link="#"
|
|
11
|
+
orientation="horizontal"
|
|
12
|
+
{...props}
|
|
13
|
+
>
|
|
14
|
+
<NavItem
|
|
15
|
+
link="#"
|
|
16
|
+
text="About"
|
|
17
|
+
{...props}
|
|
18
|
+
/>
|
|
19
|
+
<NavItem
|
|
20
|
+
active
|
|
21
|
+
link="#"
|
|
22
|
+
text="Case Studies"
|
|
23
|
+
{...props}
|
|
24
|
+
/>
|
|
25
|
+
<NavItem
|
|
26
|
+
link="#"
|
|
27
|
+
text="Service"
|
|
28
|
+
{...props}
|
|
29
|
+
/>
|
|
30
|
+
<NavItem
|
|
31
|
+
link="#"
|
|
32
|
+
text="Contacts"
|
|
33
|
+
{...props}
|
|
34
|
+
/>
|
|
35
|
+
</Nav>
|
|
36
|
+
)
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
export default HorizontalNavExtendedunderline
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
The optional `extendedUnderline`/`extended_underline` prop can be used with the default `normal` variant of the horizontal orientation of the nav to extend the underline to take up the full width of the container.
|
|
@@ -17,6 +17,7 @@ examples:
|
|
|
17
17
|
- horizontal_nav: Horizontal Nav
|
|
18
18
|
- subtle_horizontal_nav: Subtle Horizontal Nav
|
|
19
19
|
- bold_horizontal_nav: Bold Horizontal Nav
|
|
20
|
+
- horizontal_nav_extendedunderline: Horizontal Nav With Extended Underline
|
|
20
21
|
- block_nav: Block
|
|
21
22
|
- block_no_title_nav: Without Title
|
|
22
23
|
- new_tab: Open in a New Tab
|
|
@@ -42,6 +43,7 @@ examples:
|
|
|
42
43
|
- horizontal_nav: Horizontal Nav
|
|
43
44
|
- subtle_horizontal_nav: Subtle Horizontal Nav
|
|
44
45
|
- bold_horizontal_nav: Bold Horizontal Nav
|
|
46
|
+
- horizontal_nav_extendedunderline: Horizontal Nav With Extended Underline
|
|
45
47
|
- block_nav: Block
|
|
46
48
|
- block_no_title_nav: Without Title
|
|
47
49
|
- new_tab: Open in a New Tab
|
|
@@ -19,4 +19,5 @@ export { default as CollapsibleNavWithAllOptions} from "./_collapsible_nav_with_
|
|
|
19
19
|
export { default as NavWithFontControl } from "./_nav_with_font_control.jsx"
|
|
20
20
|
export { default as NavWithSpacingControl } from "./_nav_with_spacing_control.jsx"
|
|
21
21
|
export { default as CollapsibleNavItemSpacing } from "./_collapsible_nav_item_spacing.jsx"
|
|
22
|
-
export { default as CollapsibleNavNoIcon } from "./_collapsible_nav_no_icon.jsx"
|
|
22
|
+
export { default as CollapsibleNavNoIcon } from "./_collapsible_nav_no_icon.jsx"
|
|
23
|
+
export { default as HorizontalNavExtendedunderline } from './_horizontal_nav_extendedunderline.jsx'
|