69 lines
1.6 KiB
Python
69 lines
1.6 KiB
Python
"""List components."""
|
|
|
|
from __future__ import annotations
|
|
|
|
from reflex.components.chakra import ChakraComponent
|
|
from reflex.components.component import Component
|
|
from reflex.components.core.foreach import Foreach
|
|
from reflex.vars import Var
|
|
|
|
|
|
class BaseList(ChakraComponent):
|
|
"""The base class for all Chakra list components."""
|
|
|
|
library = "@chakra-ui/layout@2.3.1"
|
|
|
|
|
|
class List(BaseList):
|
|
"""Display a list of items."""
|
|
|
|
tag = "List"
|
|
|
|
# The space between each list item
|
|
spacing: Var[str]
|
|
|
|
# Shorthand prop for listStylePosition
|
|
style_position: Var[str]
|
|
|
|
# Shorthand prop for listStyleType
|
|
style_type: Var[str]
|
|
|
|
@classmethod
|
|
def create(
|
|
cls, *children, items: list | Var[list] | None = None, **props
|
|
) -> Component:
|
|
"""Create a list component.
|
|
|
|
Args:
|
|
*children: The children of the component.
|
|
items: A list of items to add to the list.
|
|
**props: The properties of the component.
|
|
|
|
Returns:
|
|
The list component.
|
|
"""
|
|
if len(children) == 0:
|
|
if isinstance(items, Var):
|
|
children = [Foreach.create(items, ListItem.create)]
|
|
else:
|
|
children = [ListItem.create(item) for item in items or []]
|
|
return super().create(*children, **props)
|
|
|
|
|
|
class ListItem(BaseList):
|
|
"""A single list item."""
|
|
|
|
tag = "ListItem"
|
|
|
|
|
|
class OrderedList(List):
|
|
"""An ordered list component with numbers."""
|
|
|
|
tag = "OrderedList"
|
|
|
|
|
|
class UnorderedList(List):
|
|
"""An unordered list component with bullets."""
|
|
|
|
tag = "UnorderedList"
|