ui.col

Col

Align children elements vertically in a column layout.

Example:

:type item_position: str, optional

:type gap: str, optional

:type padding: str, optional

from uiwiz import ui

with ui.col():
    ui.button("Button 1")
    ui.button("Button 2")

Constructor

item_position: str= items-start
gap: str= gap-4
padding: str= p-4

Methods

after_render(html: str) -> str
This method is called after the element is rendered.
:param html: The rendered HTML of the element.
before_render() -> Any
This method is called before the element is rendered.
classes(input: str) -> Self
Set tailwind classes for the element.
:param input: The tailwind classes to apply to the element.
:return: The current instance of the element.
get_classes() -> str
Get html classes of the element.
:return: The classes of the element.
:type: str
render(render_script: bool) -> str
Render the element as HTML.
:param render_script: If any element has a javascript script, it will be rendered as well.
:type render_script: bool
size(size: Literal) -> Self
Set the size of the element.
:param size: The size of the element.
:return: The current instance of the element.
GitHub