playbook_ui_docs 15.4.0.pre.alpha.PLAY1541responsivefloorPOC12370 → 15.4.0.pre.alpha.PLAY2429datepickeropenonscreenstatic12263

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.
Files changed (49) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_date_range_inline/docs/_description.md +1 -1
  3. data/app/pb_kits/playbook/pb_date_range_inline/docs/example.yml +2 -3
  4. data/app/pb_kits/playbook/pb_date_range_inline/docs/index.js +0 -1
  5. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb +1 -1
  6. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx +1 -1
  7. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb +5 -0
  8. data/app/pb_kits/playbook/pb_date_stacked/docs/{_date_stacked_current_year.jsx → _date_stacked_not_current_year.jsx} +5 -6
  9. data/app/pb_kits/playbook/pb_date_stacked/docs/_description.md +1 -1
  10. data/app/pb_kits/playbook/pb_date_stacked/docs/example.yml +2 -2
  11. data/app/pb_kits/playbook/pb_date_stacked/docs/index.js +1 -1
  12. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.html.erb +2 -2
  13. data/app/pb_kits/playbook/pb_flex/docs/_flex_item_example.jsx +0 -1
  14. data/app/pb_kits/playbook/pb_nav/docs/example.yml +0 -4
  15. data/app/pb_kits/playbook/pb_nav/docs/index.js +1 -3
  16. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_description.md +1 -3
  17. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.html.erb +1 -1
  18. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_description.md +1 -3
  19. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.md +1 -2
  20. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_description.md +1 -3
  21. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_color.md +2 -2
  22. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_description.md +1 -3
  23. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_position.html.erb +1 -1
  24. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.html.erb +2 -10
  25. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb +11 -19
  26. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.html.erb +1 -5
  27. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.html.erb +1 -1
  28. data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +2 -2
  29. data/dist/playbook-doc.js +19 -1
  30. metadata +4 -22
  31. data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.html.erb +0 -4
  32. data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.jsx +0 -43
  33. data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.md +0 -1
  34. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.html.erb +0 -12
  35. data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.md +0 -1
  36. data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.html.erb +0 -21
  37. data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.jsx +0 -113
  38. data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.md +0 -1
  39. data/app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.html.erb +0 -30
  40. data/app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.jsx +0 -117
  41. data/app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.md +0 -1
  42. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.md +0 -1
  43. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.md +0 -11
  44. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.md +0 -1
  45. data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.md +0 -1
  46. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.md +0 -1
  47. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default_rails.md +0 -7
  48. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline_rails.md +0 -1
  49. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky_rails.md +0 -1
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui_docs
3
3
  version: !ruby/object:Gem::Version
4
- version: 15.4.0.pre.alpha.PLAY1541responsivefloorPOC12370
4
+ version: 15.4.0.pre.alpha.PLAY2429datepickeropenonscreenstatic12263
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2025-11-14 00:00:00.000000000 Z
12
+ date: 2025-11-11 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -696,9 +696,6 @@ files:
696
696
  - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.jsx
697
697
  - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default_swift.md
698
698
  - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_props_swift.md
699
- - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.html.erb
700
- - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.jsx
701
- - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.md
702
699
  - app/pb_kits/playbook/pb_date_range_inline/docs/_description.md
703
700
  - app/pb_kits/playbook/pb_date_range_inline/docs/example.yml
704
701
  - app/pb_kits/playbook/pb_date_range_inline/docs/index.js
@@ -713,12 +710,11 @@ files:
713
710
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.html.erb
714
711
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.jsx
715
712
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold_swift.md
716
- - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.html.erb
717
- - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.jsx
718
- - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.md
719
713
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb
720
714
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx
721
715
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default_swift.md
716
+ - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb
717
+ - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.jsx
722
718
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year_swift.md
723
719
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_props_swift.md
724
720
  - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reverse.html.erb
@@ -1551,9 +1547,6 @@ files:
1551
1547
  - app/pb_kits/playbook/pb_nav/docs/_description.md
1552
1548
  - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.html.erb
1553
1549
  - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
1554
- - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.html.erb
1555
- - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.jsx
1556
- - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.md
1557
1550
  - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.html.erb
1558
1551
  - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.jsx
1559
1552
  - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.md
@@ -1586,9 +1579,6 @@ files:
1586
1579
  - app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
1587
1580
  - app/pb_kits/playbook/pb_nav/docs/_tab_nav.html.erb
1588
1581
  - app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
1589
- - app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.html.erb
1590
- - app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.jsx
1591
- - app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.md
1592
1582
  - app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.html.erb
1593
1583
  - app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.jsx
1594
1584
  - app/pb_kits/playbook/pb_nav/docs/_with_img_nav.html.erb
@@ -1676,7 +1666,6 @@ files:
1676
1666
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors_react.md
1677
1667
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.html.erb
1678
1668
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.jsx
1679
- - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.md
1680
1669
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.html.erb
1681
1670
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.jsx
1682
1671
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.md
@@ -1687,7 +1676,6 @@ files:
1687
1676
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_non_clickable.jsx
1688
1677
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.html.erb
1689
1678
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.jsx
1690
- - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.md
1691
1679
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.html.erb
1692
1680
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.jsx
1693
1681
  - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.html.erb
@@ -1717,7 +1705,6 @@ files:
1717
1705
  - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx
1718
1706
  - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.html.erb
1719
1707
  - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx
1720
- - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.md
1721
1708
  - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.html.erb
1722
1709
  - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx
1723
1710
  - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx
@@ -1736,7 +1723,6 @@ files:
1736
1723
  - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_complex.md
1737
1724
  - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.html.erb
1738
1725
  - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.jsx
1739
- - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.md
1740
1726
  - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_disable_animation.html.erb
1741
1727
  - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_disable_animation.jsx
1742
1728
  - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_full_circle.html.erb
@@ -1763,7 +1749,6 @@ files:
1763
1749
  - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.md
1764
1750
  - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.html.erb
1765
1751
  - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.jsx
1766
- - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.md
1767
1752
  - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.html.erb
1768
1753
  - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.jsx
1769
1754
  - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.md
@@ -1957,12 +1942,10 @@ files:
1957
1942
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.jsx
1958
1943
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.html.erb
1959
1944
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.jsx
1960
- - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default_rails.md
1961
1945
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.html.erb
1962
1946
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.jsx
1963
1947
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.html.erb
1964
1948
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.jsx
1965
- - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline_rails.md
1966
1949
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.jsx
1967
1950
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.md
1968
1951
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb
@@ -1971,7 +1954,6 @@ files:
1971
1954
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.jsx
1972
1955
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.html.erb
1973
1956
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.jsx
1974
- - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky_rails.md
1975
1957
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.html.erb
1976
1958
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.jsx
1977
1959
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.html.erb
@@ -1,4 +0,0 @@
1
- <%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), size: "xs", show_current_year: true }) %>
2
- <%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), show_current_year: true }) %>
3
- <%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), align: "center", icon: true, size: "xs", show_current_year: true }) %>
4
- <%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), align: "center", icon: true, show_current_year: true }) %>
@@ -1,43 +0,0 @@
1
- import React from 'react'
2
- import DateRangeInline from '../_date_range_inline'
3
-
4
- const DateRangeInlineShowCurrentYear = (props) => {
5
- return (
6
- <div>
7
- <DateRangeInline
8
- endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
9
- showCurrentYear
10
- size="xs"
11
- startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
12
- {...props}
13
- />
14
- <DateRangeInline
15
- endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
16
- showCurrentYear
17
- size="sm"
18
- startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
19
- {...props}
20
- />
21
- <DateRangeInline
22
- align="center"
23
- endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
24
- icon
25
- showCurrentYear
26
- size="xs"
27
- startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
28
- {...props}
29
- />
30
- <DateRangeInline
31
- align="center"
32
- endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
33
- icon
34
- showCurrentYear
35
- size="sm"
36
- startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
37
- {...props}
38
- />
39
- </div>
40
- )
41
- }
42
-
43
- export default DateRangeInlineShowCurrentYear
@@ -1 +0,0 @@
1
- By default, the Date Range Inline kit does NOT display the year if it is the current year. If you want to display the current year you can do so by setting `showCurrentYear`/`show_current_year` to true as shown here.
@@ -1,12 +0,0 @@
1
- <%= pb_rails("date_stacked", props: {
2
- date: DateTime.now,
3
- show_current_year: true
4
- }) %>
5
-
6
- <br>
7
-
8
- <%= pb_rails("date_stacked", props: {
9
- date: DateTime.now,
10
- show_current_year: true,
11
- size: "md"
12
- }) %>
@@ -1 +0,0 @@
1
- By default, the Date Stacked kit does NOT display the year if it is the current year. If you want to display the current year you can do so by setting `showCurrentYear`/`show_current_year` to true as shown here.
@@ -1,21 +0,0 @@
1
- <%= pb_rails("caption", props: { margin_bottom: "sm", text: "Default Variant" }) %>
2
- <%= pb_rails("nav", props: { orientation: "horizontal" }) do %>
3
- <%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
4
- <%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
5
- <%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
6
- <%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
7
- <% end %>
8
- <%= pb_rails("caption", props: { margin_bottom: "sm", margin_top:"lg", text: "Subtle Variant" }) %>
9
- <%= pb_rails("nav", props: { orientation: "horizontal", variant: "subtle" }) do %>
10
- <%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
11
- <%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
12
- <%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
13
- <%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
14
- <% end %>
15
- <%= pb_rails("caption", props: { margin_bottom: "sm", margin_top:"lg", text: "Bold Variant" }) %>
16
- <%= pb_rails("nav", props: { orientation: "horizontal", variant: "bold" }) do %>
17
- <%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
18
- <%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
19
- <%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
20
- <%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
21
- <% end %>
@@ -1,113 +0,0 @@
1
- import React from 'react'
2
-
3
- import Nav from '../_nav'
4
- import NavItem from '../_item'
5
- import Caption from '../../pb_caption/_caption'
6
-
7
- const HorizontalNavDisabled = (props) => {
8
- return (
9
- <>
10
- <Caption marginBottom="sm">Default Variant</Caption>
11
- <Nav
12
- link="#"
13
- orientation="horizontal"
14
- {...props}
15
- >
16
- <NavItem
17
- link="#"
18
- text="About"
19
- {...props}
20
- />
21
- <NavItem
22
- active
23
- link="#"
24
- text="Case Studies"
25
- {...props}
26
- />
27
- <NavItem
28
- disabled
29
- link="#"
30
- text="Service"
31
- {...props}
32
- />
33
- <NavItem
34
- link="#"
35
- text="Contacts"
36
- {...props}
37
- />
38
- </Nav>
39
- <Caption
40
- marginBottom="sm"
41
- marginTop="lg"
42
- >
43
- Subtle Variant
44
- </Caption>
45
- <Nav
46
- link="#"
47
- orientation="horizontal"
48
- variant="subtle"
49
- {...props}
50
- >
51
- <NavItem
52
- link="#"
53
- text="About"
54
- {...props}
55
- />
56
- <NavItem
57
- active
58
- link="#"
59
- text="Case Studies"
60
- {...props}
61
- />
62
- <NavItem
63
- disabled
64
- link="#"
65
- text="Service"
66
- {...props}
67
- />
68
- <NavItem
69
- link="#"
70
- text="Contacts"
71
- {...props}
72
- />
73
- </Nav>
74
- <Caption
75
- marginBottom="sm"
76
- marginTop="lg"
77
- >
78
- Bold Variant
79
- </Caption>
80
- <Nav
81
- link="#"
82
- orientation="horizontal"
83
- variant="bold"
84
- {...props}
85
- >
86
- <NavItem
87
- link="#"
88
- text="About"
89
- {...props}
90
- />
91
- <NavItem
92
- active
93
- link="#"
94
- text="Case Studies"
95
- {...props}
96
- />
97
- <NavItem
98
- disabled
99
- link="#"
100
- text="Service"
101
- {...props}
102
- />
103
- <NavItem
104
- link="#"
105
- text="Contacts"
106
- {...props}
107
- />
108
- </Nav>
109
- </>
110
- )
111
- }
112
-
113
- export default HorizontalNavDisabled
@@ -1 +0,0 @@
1
- Use the `disabled` prop on a `navItem`/`nav_item` within a horizontal nav to set it as disabled. This will render the UI as disabled, prevent clicks and not allow for tabIndex to access the item.
@@ -1,30 +0,0 @@
1
- <%= pb_rails("flex", props: { justify: "between" }) do %>
2
- <%= pb_rails("flex", props: { orientation:"column", wrap: true }) do %>
3
- <%= pb_rails("caption", props: { margin_bottom: "sm", text: "Default Variant" }) %>
4
- <%= pb_rails("nav") do %>
5
- <%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
6
- <%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
7
- <%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
8
- <%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
9
- <% end %>
10
- <% end %>
11
- <%= pb_rails("flex", props: { orientation:"column", wrap: true }) do %>
12
- <%= pb_rails("caption", props: { margin_bottom: "sm", text: "Subtle Variant" }) %>
13
- <%= pb_rails("nav", props:{variant: "subtle"}) do %>
14
- <%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
15
- <%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
16
- <%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
17
- <%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
18
- <% end %>
19
- <% end %>
20
- <%= pb_rails("flex", props: { orientation:"column", wrap: true }) do %>
21
- <%= pb_rails("caption", props: { margin_bottom: "sm", text: "Bold Variant" }) %>
22
- <%= pb_rails("nav", props:{variant: "bold"}) do %>
23
- <%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
24
- <%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
25
- <%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
26
- <%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
27
- <% end %>
28
- <% end %>
29
-
30
- <% end %>
@@ -1,117 +0,0 @@
1
- import React from 'react'
2
-
3
- import Nav from '../_nav'
4
- import NavItem from '../_item'
5
- import Caption from '../../pb_caption/_caption'
6
- import Flex from '../../pb_flex/_flex'
7
-
8
- const VerticalNavDisabled = (props) => {
9
- return (
10
- <Flex justify="between"
11
- wrap
12
- >
13
- <Flex orientation="column">
14
- <Caption marginBottom="sm">Default Variant</Caption>
15
- <Nav
16
- link="#"
17
- {...props}
18
- >
19
- <NavItem
20
- link="#"
21
- text="About"
22
- {...props}
23
- />
24
- <NavItem
25
- active
26
- link="#"
27
- text="Case Studies"
28
- {...props}
29
- />
30
- <NavItem
31
- disabled
32
- link="#"
33
- text="Service"
34
- {...props}
35
- />
36
- <NavItem
37
- link="#"
38
- text="Contacts"
39
- {...props}
40
- />
41
- </Nav>
42
- </Flex>
43
- <Flex orientation="column">
44
- <Caption
45
- marginBottom="sm"
46
- >
47
- Subtle Variant
48
- </Caption>
49
- <Nav
50
- link="#"
51
- variant="subtle"
52
- {...props}
53
- >
54
- <NavItem
55
- link="#"
56
- text="About"
57
- {...props}
58
- />
59
- <NavItem
60
- active
61
- link="#"
62
- text="Case Studies"
63
- {...props}
64
- />
65
- <NavItem
66
- disabled
67
- link="#"
68
- text="Service"
69
- {...props}
70
- />
71
- <NavItem
72
- link="#"
73
- text="Contacts"
74
- {...props}
75
- />
76
- </Nav>
77
- </Flex>
78
- <Flex orientation="column">
79
- <Caption
80
- marginBottom="sm"
81
- >
82
- Bold Variant
83
- </Caption>
84
- <Nav
85
- link="#"
86
- variant="bold"
87
- {...props}
88
- >
89
- <NavItem
90
- link="#"
91
- text="About"
92
- {...props}
93
- />
94
- <NavItem
95
- active
96
- link="#"
97
- text="Case Studies"
98
- {...props}
99
- />
100
- <NavItem
101
- disabled
102
- link="#"
103
- text="Service"
104
- {...props}
105
- />
106
- <NavItem
107
- link="#"
108
- text="Contacts"
109
- {...props}
110
- />
111
- </Nav>
112
- </Flex>
113
- </Flex>
114
- )
115
- }
116
-
117
- export default VerticalNavDisabled
@@ -1 +0,0 @@
1
- Use the `disabled` prop on a `navItem`/`nav_item` within a vertical nav to set it as disabled. This will render the UI as disabled, prevent clicks and not allow for tabIndex to access the item.
@@ -1 +0,0 @@
1
- In order to use this kit, 'highcharts' and 'highcharts-react-official' must be installed in your repo.
@@ -1,11 +0,0 @@
1
- Highcharts provides many options for customizing the legend display. This example showcases the following:
2
-
3
- `align` can be used to align the legend left, right or center (defaults to center)
4
-
5
- `verticalAlign` can be used to place the legend above the graph. Options are top, middle, bottom with default set to bottom
6
-
7
- `layout` determines the position of the legend items. Options are horizontal, vertical or proximate with default set to horizontal `layout: proximate` will place the legend items as close as possible to the graphs they're representing. It will also determine whether to place the legend above/below or on the side of the plot area, if the legend is in a corner.
8
-
9
- `x` offsets the legend relative to its horizontal alignment. Negative x moves it to the left, positive x moves it to the right (defaults to 0)
10
-
11
- `y` offsets the legend relative to its vertical alignment. Negative y moves it up, positive y moves it down (defaults to 0)
@@ -1 +0,0 @@
1
- In order to use this kit, 'highcharts' and 'highcharts-react-official' must be installed in your repo.
@@ -1 +0,0 @@
1
- In order to use this kit, 'highcharts' and 'highcharts-react-official' must be installed in your repo.
@@ -1 +0,0 @@
1
- In order to use this kit, 'highcharts' and 'highcharts-react-official' must be installed in your repo.
@@ -1,7 +0,0 @@
1
- The Rails RichTextEditor is a React-Rendered-Rails component that uses [Tiptap](https://tiptap.dev/) and requires the following packages to be installed in your project:
2
-
3
- - `@tiptap/react`
4
- - `@tiptap/starter-kit`
5
- - `@tiptap/extension-link`
6
-
7
- Once installed, the editor is initialized automatically when you use the component. Unlike the [React Advanced RichTextEditor](https://playbook.powerapp.cloud/kits/rich_text_editor/react#advanced-default) variant, [custom extensions](https://playbook.powerapp.cloud/kits/rich_text_editor/react#advanced-extra-extensions) are not currently supported. The doc examples below showcase some preset prop-enabled Rails RichTextEditor customizations.
@@ -1 +0,0 @@
1
- When the optional `inline` prop is set to true, the editor borders and the toolbar will only be visible when hovered or focused on.
@@ -1 +0,0 @@
1
- Use the optional `sticky` prop to make the toolbar sticky on scroll.