import {Row} from "attio/client"

It can be thought of as a

<div style={{ display: "flex", flexDirection: "row" }} />`

To lay out components vertically, use <Column />.

On the web, it can fit up to three children horizontally, and on mobile, all children will be presented vertically.

Props

align? : "left" | "center" | "right" | "space-between" | "space-evenly" | "space-around"

How to optionally align the content of the text block.

Defaults to "left".

onTrigger?: () => void | Promise<void>

A function to call when the row is triggered.

children : React.ReactNode

The child components to be displayed horizontally.