> For the complete documentation index, see [llms.txt](https://docs-jumbo-react.g-axon.work/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-jumbo-react.g-axon.work/structure/layouts.md).

# Layouts

Jumbo React has lots of layouts that fulfill your requirements to develop amazing App.

Jumbo React provides the following layout designs:

1\. Vertical - Fixed Sidebar

This layout has vertical and fixed sidebar. The sidebar will always be fixed and visible in this layout.

![](/files/-M6cVEayvIyE3NdvTm4C)

2\. Vertical - Collapsed

This layout has vertical and collapsible sidebar. The sidebar can be shown or hidden on the click of the toggle button present in the left to the Logo in the header.

![](/files/-M6cVRjL_VPSDTFk5QIy)

3\. Vertical - Mini 

This layout has vertical and mini type sidebar. Mini type means that a part of sidebar will be visible. When you hover over the sidebar, it will be extended and will be fully visible. 

![](/files/-M6cVhXkOj6OLBME5tMA)

4\. Horizontal - Inside

This layout has horizontal sidebar and is present in header itself.

![](/files/-M6cWDYSz5JnNmxyoF-W)

5\. Horizontal -  Top

This layout has horizontal sidebar and is present above the header.

![](/files/-M6cXUDWS7NT7SU6Zm0O)

6\. Horizontal - Below

This layout has horizontal sidebar and is present below the header.

![](/files/-M6cXeIbcWs0sNf_8p0s)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs-jumbo-react.g-axon.work/structure/layouts.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.