powered by
LOGO

Container Attributes

These attributes are available to all ftd “container” components.

wrap: boolean
If wrap property sets the items wrap onto multiple lines.

specifying wrap
-- ftd.column:
width: 200
height: 200
border-width: 2
padding: 20
wrap: true

-- items: 1

-- items: 2

-- items: 3

-- items: 4

-- items: 5

-- items: 6

-- end: ftd.column

-- ftd.text items: $title
caption title:
width: 50
height: 50
border-width: 1
border-style: dashed
This will render like this:
Output
1
2
3
4
5
6

children: String
The children property places the children inside the container having the same component.

To understand it better, refer to container management

LOGO

Container Attributes

These attributes are available to all ftd “container” components.

wrap: boolean
If wrap property sets the items wrap onto multiple lines.

specifying wrap
-- ftd.column:
width: 200
height: 200
border-width: 2
padding: 20
wrap: true

-- items: 1

-- items: 2

-- items: 3

-- items: 4

-- items: 5

-- items: 6

-- end: ftd.column

-- ftd.text items: $title
caption title:
width: 50
height: 50
border-width: 1
border-style: dashed
This will render like this:
Output
1
2
3
4
5
6

children: String
The children property places the children inside the container having the same component.

To understand it better, refer to container management