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")
On the leftIn the middleOn the right
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.