Layout
Layout components are the foundational building blocks for structuring your blocklet application's user interface. They provide a consistent and predictable framework, including the main header, footer, and content areas. By leveraging these components, you can ensure a professional and cohesive user experience across your entire application, as they automatically adapt based on your blocklet's metadata.
These components form the primary visual structure of an application, as illustrated below:
This section provides an overview of the primary layout components available. For detailed implementation guides and API references, please refer to the specific documentation for each component.
Summary#
The layout components are designed to work together seamlessly, pulling configuration directly from your blocklet's metadata (blocklet.yml) to minimize boilerplate code and accelerate development.
To continue, please explore the detailed documentation for each component to understand their specific props, usage patterns, and customization options.
- Next: Learn about the Header component.