> For the complete documentation index, see [llms.txt](https://apcom.gitbook.io/altrone-ui/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://apcom.gitbook.io/altrone-ui/components/containers.md).

# Containers

These components are used to position and display child components

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>ButtonContainer</strong></td><td>To group your buttons in one container</td><td><a href="https://1842370076-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW5YLGWqfJIMCnPELJjW6%2Fuploads%2FpgVLkfNMCQPQu1dJfZBx%2Fbutton-container.png?alt=media&amp;token=210479cd-4c1b-4a5a-b607-27033ed0e197">button-container.png</a></td><td><a href="/altrone-ui/components/containers/buttoncontainer.md">ButtonContainer</a></td></tr><tr><td><strong>FloatingBox</strong></td><td>To show this container only when needed</td><td><a href="https://1842370076-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW5YLGWqfJIMCnPELJjW6%2Fuploads%2FZzWqsQjINoVbQZeRAROw%2Ffloating-box.png?alt=media&amp;token=bad1da5d-236a-41c0-8cbb-c30f116c641a">floating-box.png</a></td><td><a href="/altrone-ui/components/containers/floatingbox.md">FloatingBox</a></td></tr><tr><td><strong>Form</strong></td><td>To group all your form controls into one container</td><td><a href="https://1842370076-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW5YLGWqfJIMCnPELJjW6%2Fuploads%2FK8HVlSKbAEPdQWYOlQbH%2Fform.png?alt=media&amp;token=6ccf3b04-06d5-49a2-b1aa-31a408d6f7f0">form.png</a></td><td><a href="/altrone-ui/components/containers/form.md">Form</a></td></tr><tr><td><strong>Modal</strong></td><td>To show a content in popup window in the middle of the screen</td><td><a href="https://1842370076-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW5YLGWqfJIMCnPELJjW6%2Fuploads%2FUyBiBUDUyw4F0iroW5n1%2Fmodal.png?alt=media&amp;token=5d19fddb-bdb2-47aa-878f-55223688be9c">modal.png</a></td><td><a href="/altrone-ui/components/containers/modal.md">Modal</a></td></tr><tr><td><strong>PhotoViewer</strong></td><td>To show photo gallery</td><td><a href="https://1842370076-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW5YLGWqfJIMCnPELJjW6%2Fuploads%2FkKBfgucqpytlLwZMEQBA%2Fphoto-viewer.png?alt=media&amp;token=c24fc449-af63-444f-ad98-5a29cf446ab2">photo-viewer.png</a></td><td><a href="/altrone-ui/components/containers/photoviewer.md">PhotoViewer</a></td></tr><tr><td><strong>Spoiler</strong></td><td>To show and hide huge information</td><td><a href="https://1842370076-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW5YLGWqfJIMCnPELJjW6%2Fuploads%2FysboKdY2zG2giE7dmnS6%2Fspoiler.png?alt=media&amp;token=dd9858fb-7f47-485e-be49-275ba518a080">spoiler.png</a></td><td><a href="/altrone-ui/components/containers/spoiler.md">Spoiler</a></td></tr><tr><td><strong>Toolbar</strong></td><td>To group plenty of actions in one toolbar</td><td><a href="https://1842370076-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW5YLGWqfJIMCnPELJjW6%2Fuploads%2Fs7w0HIEB9297PPZfr7UN%2Ftoolbar.png?alt=media&amp;token=c2f1a5ed-06bc-46d3-beec-625c2b90ddd8">toolbar.png</a></td><td><a href="/altrone-ui/components/containers/toolbar.md">Toolbar</a></td></tr></tbody></table>