powered by

FTD

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

FTD

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