Want to try fastn for your company's website?

Explore

Get Started

`ftd.rive` (animation)

Container Root Attributes

`import`

Using export/exposing

Functions

Built-in Functions

Built-in Rive Functions

Built-in Local Storage Functions

Built-in Variables

`ftd` Events

Rive Events

Use color scheme package

How to make page responsive

Using JS

JS in function

Web Component

Create `fastn` package

Same argument & attribute types

`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