|
@@ -1,6 +1,7 @@
|
|
|
"""Container to stack elements with spacing."""
|
|
|
|
|
|
from pynecone.components.libs.chakra import ChakraComponent
|
|
|
+from pynecone.var import Var
|
|
|
|
|
|
|
|
|
class Wrap(ChakraComponent):
|
|
@@ -8,6 +9,27 @@ class Wrap(ChakraComponent):
|
|
|
|
|
|
tag = "Wrap"
|
|
|
|
|
|
+ # How to align the items.
|
|
|
+ align: Var[str]
|
|
|
+
|
|
|
+ # The flex direction of the wrap.
|
|
|
+ direction: Var[str]
|
|
|
+
|
|
|
+ # How to justify the items.
|
|
|
+ justify: Var[str]
|
|
|
+
|
|
|
+ # Whether to wrap children in `pc.wrap_item`.
|
|
|
+ should_wrap_children: Var[bool]
|
|
|
+
|
|
|
+ # The spacing between the items.
|
|
|
+ spacing: Var[str]
|
|
|
+
|
|
|
+ # The horizontal spacing between the items.
|
|
|
+ spacing_x: Var[str]
|
|
|
+
|
|
|
+ # The vertical spacing between the items.
|
|
|
+ spacing_y: Var[str]
|
|
|
+
|
|
|
|
|
|
class WrapItem(ChakraComponent):
|
|
|
"""Item of the Wrap component."""
|