Status.io uses components and containers to define and organize the infrastructure displayed on your status page.

Components represent the primary, high-level functionalities of your system, such as a Web Service, Mobile App, API, or other core system functions that users depend on. They provide the foundation for monitoring and communicating the health of your service.

Containers are optional, flexible elements that can function as sub-components or represent things like locations, services, or infrastructure segments. They can be linked to multiple components, providing a powerful way to create a granular and interconnected view of your system’s status.

For example:
• A Container might represent a Data Center or a Cloud Region, which could be tied to multiple Components like the Web App and API.
• Similarly, a Container might represent a Database Cluster, serving multiple core functionalities.

Infrastructure Layout Options

Containers appear alongside each component they are linked to on the status page.

Navigate to the Infrastructure page and open the Container Settings to configure the layout.

Choose to hide containers or arrange them in a Horizontal, Vertical, or Vertical-Extended layout to suit your preferences.

Horizontal (default)

Vertical

Vertical Expanded

Note: If you are using custom code (HTML, CSS, or JavaScript), ensure it is compatible with the selected container layout to avoid display issues.