05044ed912
* use direction props from radix.Flex * override direction props * test no var * confirm no var * add comment for reflex-web
54 lines
1.2 KiB
Python
54 lines
1.2 KiB
Python
"""Stack components."""
|
|
|
|
from __future__ import annotations
|
|
|
|
from reflex.components.component import Component
|
|
from reflex.vars import Var
|
|
|
|
from ..base import LiteralAlign, LiteralSpacing
|
|
from .flex import Flex, LiteralFlexDirection
|
|
|
|
|
|
class Stack(Flex):
|
|
"""A stack component."""
|
|
|
|
@classmethod
|
|
def create(
|
|
cls,
|
|
*children,
|
|
spacing: LiteralSpacing = "2",
|
|
align: LiteralAlign = "start",
|
|
**props,
|
|
) -> Component:
|
|
"""Create a new instance of the component.
|
|
|
|
Args:
|
|
*children: The children of the stack.
|
|
spacing: The spacing between each stack item.
|
|
align: The alignment of the stack items.
|
|
**props: The properties of the stack.
|
|
|
|
Returns:
|
|
The stack component.
|
|
"""
|
|
return super().create(
|
|
*children,
|
|
spacing=spacing,
|
|
align=align,
|
|
**props,
|
|
)
|
|
|
|
|
|
class VStack(Stack):
|
|
"""A vertical stack component."""
|
|
|
|
# The direction of the stack.
|
|
direction: Var[LiteralFlexDirection] = "column" # type: ignore
|
|
|
|
|
|
class HStack(Stack):
|
|
"""A horizontal stack component."""
|
|
|
|
# The direction of the stack.
|
|
direction: Var[LiteralFlexDirection] = "row" # type: ignore
|