playbook_ui_docs 14.25.0.pre.alpha.PLAY2426textfieldaccessibility9859 → 14.25.0.pre.alpha.play1986inlineloadingsolidvariant9963
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_form/docs/_form_form_with.html.erb +0 -1
- data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.html.erb +5 -0
- data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.jsx +24 -0
- data/app/pb_kits/playbook/pb_loading_inline/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_loading_inline/docs/index.js +1 -0
- data/dist/playbook-doc.js +1 -1
- 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: a90b7e97be66a6b596fcf0090958fb3b2d46a275ddfd272c8c4578bf6256e240
|
|
4
|
+
data.tar.gz: a193b93526ca00bbbe715c5b79bafd0b3c4f69923e9f43590b6d4f57035681ae
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 3b1fcff691c0b26be2bd0cb8d71163d9f73081e4d4b43a2331d0688fc4b5d27316e0a5b37fc01bf589aa66051fe354051f7c6ee48e435ee492393adb298be1bd
|
|
7
|
+
data.tar.gz: 7cb3513f0ad6b09f2b35a294b123eb95f2ea6d0d3b7de7910ce5d04d9e26745fba11ba4fe4e89f0b835eeca42ceb8fa215310b7a7ae6c694a13048a8118b965e
|
|
@@ -91,7 +91,6 @@
|
|
|
91
91
|
<%= pb_form_with(scope: :example, url: "", method: :get) do |form| %>
|
|
92
92
|
<%= form.typeahead :example_typeahead, props: { data: { typeahead_example1: true, user: {} }, label: true, placeholder: "Search for a user" } %>
|
|
93
93
|
<%= form.text_field :example_text_field, props: { label: true } %>
|
|
94
|
-
<%= form.text_field :example_text_field_2, props: { label: "Text Field Custom Label" } %>
|
|
95
94
|
<%= form.phone_number_field :example_phone_number_field, props: { label: "Example phone field", hidden_inputs: true } %>
|
|
96
95
|
<%= form.email_field :example_email_field, props: { label: true } %>
|
|
97
96
|
<%= form.number_field :example_number_field, props: { label: true } %>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
import { LoadingInline } from 'playbook-ui'
|
|
3
|
+
|
|
4
|
+
const LoadingInlineVariant = (props) => {
|
|
5
|
+
return (
|
|
6
|
+
<div>
|
|
7
|
+
<LoadingInline
|
|
8
|
+
text=" Dotted Spinner"
|
|
9
|
+
variant="dotted"
|
|
10
|
+
{...props}
|
|
11
|
+
/>
|
|
12
|
+
|
|
13
|
+
<br />
|
|
14
|
+
|
|
15
|
+
<LoadingInline
|
|
16
|
+
text=" Solid Spinner"
|
|
17
|
+
variant="solid"
|
|
18
|
+
{...props}
|
|
19
|
+
/>
|
|
20
|
+
</div>
|
|
21
|
+
)
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export default LoadingInlineVariant
|
|
@@ -3,9 +3,11 @@ examples:
|
|
|
3
3
|
rails:
|
|
4
4
|
- loading_inline_default: Default
|
|
5
5
|
- loading_inline_custom: Custom Text
|
|
6
|
+
- loading_inline_variant: Variant
|
|
6
7
|
|
|
7
8
|
|
|
8
9
|
|
|
9
10
|
react:
|
|
10
11
|
- loading_inline_default: Default
|
|
11
12
|
- loading_inline_custom: Custom Text
|
|
13
|
+
- loading_inline_variant: Variant
|