# 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: 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:

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

The question should be specific, self-contained, and written in natural language.
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.