Row

Lays out children in a row, side by side, with the given gap between them.

@solara.component
def Row(children=[], gap="12px", justify="start", margin: int = 0, classes: List[str] = [], style: Union[str, Dict[str, str], None] = None):

    ...

See also Column.

Example with three children side by side:

import solara

@solara.component
def Page():
    with solara.Row(gap="10px", justify="space-around"):
        solara.Text("On the left")
        solara.Text("In the middle")
        solara.Text("On the right")

Arguments

• children: List of children to render in the column.
• gap: The gap between each child, as a CSS string.
• justify: How children are distributed along the x/horizontal-axis, can be "start" (default), "center", "end", "space-around", "space-between" or "space-evenly". (Note: this translates to justify-content in CSS).
• margin: The margin around the column, translate to 4*margin pixels.
• classes: List of CSS classes to apply to the column.
• style: CSS style to apply to the column.