reflex/pynecone/components/layout/stack.py
Nikhil Rao 7ec4b3f8fe
Improve component docs (#35)
* Update component docstrings
* Remove transitions libs
* Add span component
* Add lock files
2022-12-07 15:04:49 -08:00

47 lines
994 B
Python

"""Container to stack elements with spacing."""
from pynecone.components.libs.chakra import ChakraComponent
from pynecone.var import Var
class Stack(ChakraComponent):
"""Container to stack elements with spacing."""
tag = "Stack"
# Shorthand for alignItems style prop
align_items: Var[str]
# The direction to stack the items.
direction: Var[str]
# If true the items will be stacked horizontally.
is_inline: Var[bool]
# Shorthand for justifyContent style prop
justify_content: Var[str]
# If true, the children will be wrapped in a Box, and the Box will take the spacing props
should_wrap_children: Var[bool]
# The space between each stack item
spacing: Var[str]
# Shorthand for flexWrap style prop
wrap: Var[str]
# Alignment of contents.
justify: Var[str]
class Hstack(Stack):
"""Stack items horizontally."""
tag = "HStack"
class Vstack(Stack):
"""Stack items vertically."""
tag = "VStack"