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:
;; << Child components >>
-- end: ftd.row
Lang:
ftd
Attributes
ftd.row accepts the container root
attributes, container
attributes as well all the common
attributes.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
