A `ftd.container` is a generalized container component where the user will be deciding how it should be behaving. So unlike other ftd containers like `ftd.row` and `ftd.column` which have some pre-defined behavior, the users will have the capability to control the behavior of this `ftd.container` which won't be imposing any pre-defined behavior.

ℹ️

container

Make sure to close your container using the `end` syntax. This is mandatory. `-- end: `

Usage

-- ftd.container:

;; << Child components >>

-- end: ftd.container

Lang:

ftd

Attributes

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

Example

Sample code using `ftd.container`

Input

-- ftd.container:
color: $inherited.colors.text

-- ftd.text: Hello
display: inline

-- ftd.text: World
display: inline
color: $red-yellow

-- end: ftd.container

Lang:

ftd

Output

Hello

World

In the above example, container is created which contains two text components. Two `ftd.text` components are displayed side by side since their display behavior is `inline`.

Support `fastn`!

Enjoying `fastn`? Please consider giving us a star ⭐️ on [GitHub](https://github.com/fastn-stack/fastn) to show your support!

[⭐️](https://github.com/fastn-stack/fastn)

Getting Help

Have a question or need help? Visit our [GitHub Q&A discussion](https://github.com/fastn-stack/fastn/discussions/categories/q-a) to get answers and subscribe to it to stay tuned. Join our [Discord](https://discord.gg/a7eBUeutWD) channel and share your thoughts, suggestion, question etc. Connect with our [community](/community/)!

[💻️](/community/)

Found an issue?

If you find some issue, please visit our [GitHub issues](https://github.com/fastn-stack/fastn/issues) to tell us about it.

Quick links:

- [Install `fastn`](install/) - [Create `fastn` package](create-fastn-package/) - [Expander Crash Course](expander/) - [Syntax Highlighting in Sublime Text](/sublime/)

Join us

We welcome you to join our [Discord](https://discord.gg/a7eBUeutWD) community today. We are trying to create the language for human beings and we do not believe it would be possible without your support. We would love to hear from you.