Want to try fastn for your company's website?
Book a Demo

`ftd.row`

A row is a container component that stacks a list of children horizontally.
ℹ️
row
Make sure to close your row container using the `end` syntax. This is mandatory. `-- end: <container-name>`

Usage

-- ftd.row:

;; &lt;&lt; Child components >>

-- end: ftd.row
Lang:
ftd

Attributes

`ftd.row` accepts the [container root attributes](ftd/container-root-attributes/), [container attributes](ftd/container-attributes/) as well all the [common attributes](ftd/common/).

Example

-- ftd.row:
spacing.fixed.px: 20

-- ftd.text: Hello

-- ftd.text: World

-- end: ftd.row
Lang:
ftd
In this example, a row container is created with a fixed spacing of 20 pixels between the child components. Two `ftd.text` components are then placed within the row, which will be horizontally stacked with the specified spacing.
Output
Hello
World