playbook_ui_docs 12.31.0.pre.alpha.datepickerdisableddatefix931 → 12.31.0.pre.alpha.hoverrails948
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_button/docs/_button_hover.html.erb +3 -0
- data/app/pb_kits/playbook/pb_button/docs/example.yml +9 -9
- data/app/pb_kits/playbook/pb_message/docs/_message_hover.html.erb +25 -0
- data/app/pb_kits/playbook/pb_message/docs/example.yml +1 -0
- data/dist/playbook-doc.js +3 -3
- 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: ef53ac9817c506e69971afa8e437055f7fe2a76cb00a58c545ca3769612841dd
|
|
4
|
+
data.tar.gz: a8a8b6e168a7d24e7ee4fa4bb6ca24aa1274c483a5918c9facc627c7dc316ac5
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a3f0ad324a891abf8d6065c7fa04247bcdf73f8a60a40f4b2651d3d20597aba683e6c02b8b56ee6b096bf725f18b00eaab4ea51cd2cf3b490187865698c0355c
|
|
7
|
+
data.tar.gz: 830192b5c46bbe8f8b4dfcc4f3a348545e787e7d91e923f3d42d29cd7c5020d6219aa7eeac249e0caa0be5140910b957ba014c0e52d31f3785e6c86796a59104
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<%= pb_rails("button", props: { hover: { shadow: "deep"}, text: "Shadow Deep", margin_right: "lg" }) %>
|
|
2
|
+
<%= pb_rails("button", props: { hover: { shadow: "deeper"}, text: "Shadow Deeper", margin_right: "lg" }) %>
|
|
3
|
+
<%= pb_rails("button", props: { hover: { shadow: "deepest"}, text: "Shadow Deepest", margin_right: "lg" }) %>
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
examples:
|
|
2
2
|
rails:
|
|
3
3
|
- button_default: Button Variants
|
|
4
|
-
- button_full_width: Button Full Width
|
|
5
|
-
- button_link: Button Links
|
|
6
|
-
- button_loading: Button Loading
|
|
7
|
-
- button_block_content: Button Block Content
|
|
8
|
-
- button_icon_options: Button Icon Options
|
|
9
|
-
- button_accessibility: Button Accessibility Options
|
|
10
|
-
- button_options: Button Additional Options
|
|
11
|
-
- button_size: Button Size
|
|
12
|
-
- button_form: Button Form Attribute
|
|
4
|
+
# - button_full_width: Button Full Width
|
|
5
|
+
# - button_link: Button Links
|
|
6
|
+
# - button_loading: Button Loading
|
|
7
|
+
# - button_block_content: Button Block Content
|
|
8
|
+
# - button_icon_options: Button Icon Options
|
|
9
|
+
# - button_accessibility: Button Accessibility Options
|
|
10
|
+
# - button_options: Button Additional Options
|
|
11
|
+
# - button_size: Button Size
|
|
12
|
+
# - button_form: Button Form Attribute
|
|
13
13
|
react:
|
|
14
14
|
- button_default: Button Variants
|
|
15
15
|
- button_full_width: Button Full Width
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<%= pb_rails("message", props: {
|
|
2
|
+
avatar_name: "Mike Bishop",
|
|
3
|
+
avatar_status: "online",
|
|
4
|
+
avatar_url: "https://randomuser.me/api/portraits/men/50.jpg",
|
|
5
|
+
border_radius: "rounded",
|
|
6
|
+
hover: { background: "success_subtle" },
|
|
7
|
+
label: "Anna Black",
|
|
8
|
+
message: "How can we assist you today?",
|
|
9
|
+
padding: "xs",
|
|
10
|
+
}) %>
|
|
11
|
+
|
|
12
|
+
<br><br>
|
|
13
|
+
|
|
14
|
+
<%= pb_rails("message", props: {
|
|
15
|
+
align_timestamp: "left",
|
|
16
|
+
avatar_name: "Lucille Sanchez",
|
|
17
|
+
avatar_url: "https://randomuser.me/api/portraits/women/50.jpg",
|
|
18
|
+
border_radius: "rounded",
|
|
19
|
+
hover: { shadow: "deepest" },
|
|
20
|
+
label: "Becca Jacobs",
|
|
21
|
+
message: "Application for Kate Smith is waiting for your approval",
|
|
22
|
+
padding: "xs",
|
|
23
|
+
}) %>
|
|
24
|
+
|
|
25
|
+
<br><br>
|