reflex/pynecone/components/layout/flex.py
2022-11-18 12:44:06 -08:00

32 lines
719 B
Python

"""A reflexive container component."""
from pynecone.components.libs.chakra import ChakraComponent
from pynecone.var import Var
class Flex(ChakraComponent):
"""Flex is Box with display, flex and comes with helpful style shorthand. It renders a div element."""
tag = "Flex"
# How to align items in the flex.
align: Var[str]
# Shorthand for flexBasis style prop
basis: Var[str]
# Shorthand for flexDirection style prop
direction: Var[str]
# Shorthand for flexGrow style prop
grow: Var[str]
# The way to justify the items.
justify: Var[str]
# Shorthand for flexWrap style prop
wrap: Var[str]
# Shorthand for flexShrink style prop
shrink: Var[str]