playbook_ui_docs 14.12.0.pre.alpha.PBNTR720railscarddraggable5649 → 14.12.0.pre.alpha.PLAY1602lightboxoverlapnitrobug5655
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
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3510c5b1bd40551f7b5f95b734aa4b52589c2e0872c28939c83ea8a4c54dc2e2
|
|
4
|
+
data.tar.gz: ca0409ee227f3b8bae402f1d69fde75464bfafe93dbeb0e52b3ea8c1b7f7e749
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 238d4db1ce2a06a228fbe4f29b6e0a49abc3e9ab17cb02bdf2aa77c3d412ee725a1d8efb82627b92a105fbd5904addb7b9815fbbf99b4606b8c1783f95f1e0de
|
|
7
|
+
data.tar.gz: e7334ecb4b22077583ee644beac469fb526aa5456d1cc5ebc1fe7fc539ef894a4a14a9aa1a04ce0fd723de6835aae69581980cb9fb9ac2c078810d0e40574b28
|
|
@@ -7,7 +7,8 @@
|
|
|
7
7
|
<%= pb_rails("draggable", props: {initial_items: initial_items}) do %>
|
|
8
8
|
<%= pb_rails("draggable/draggable_container") do %>
|
|
9
9
|
<% initial_items.each do |item| %>
|
|
10
|
-
|
|
10
|
+
<%= pb_rails("draggable/draggable_item", props:{drag_id: item[:id]}) do %>
|
|
11
|
+
<%= pb_rails("card", props: {highlight: {position: "side", color:"primary"}, margin_bottom: "xs", padding: "xs"}) do %>
|
|
11
12
|
<%= pb_rails("flex", props:{align_items: "stretch", flex_direction:"column"}) do %>
|
|
12
13
|
<%= pb_rails("flex", props:{gap: "xs"}) do %>
|
|
13
14
|
<%= pb_rails("title", props: { text: item[:name], tag: "h4", size: 4 }) %>
|
|
@@ -31,6 +32,7 @@
|
|
|
31
32
|
<% end %>
|
|
32
33
|
<% end %>
|
|
33
34
|
<% end %>
|
|
35
|
+
<% end %>
|
|
34
36
|
<% end %>
|
|
35
37
|
<% end %>
|
|
36
38
|
<% end %>
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
For a simplified version of the Draggable API for the Card kit, you can do the following:
|
|
2
|
-
|
|
3
|
-
Use the `draggable` kit and manage state as shown.
|
|
4
|
-
|
|
5
|
-
`draggable/draggable_container` kit creates the container within which the cards can be dragged and dropped.
|
|
6
|
-
|
|
7
|
-
The Card kit is optimized to work with the draggable kit. To enable drag, use the `draggable_item` and `drag_id` props on the Card kit as shown. An additional optional boolean prop (set to true by default) of `drag_handle` is also available to show the drag handle icon.
|
metadata
CHANGED