gogo

Floating Box

component floating box

Definition


The Floating Box component is an absolute floating container to fit some hidden data on. For usability, on small devices, the box will fill the whole screen, so a close trigger is needed. We use them on complex form elements, to help users focus on the data they need to enter or choice from.

c-floating-box

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, cupiditate dignissimos dolorum ducimus ea eligendi eos esse est fugiat incidunt, iusto perferendis possimus quis, quisquam repellat sapiente soluta ut voluptatem?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusamus aspernatur dolor ducimus, error harum itaque iure molestiae nesciunt quaerat quam quia quidem quo rem sed sit sunt totam, vero? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci dolorum enim, eos iste iure iusto modi, necessitatibus nemo numquam obcaecati officia porro praesentium quaerat similique veritatis? Dolore eius iusto placeat!


This component auto-updates it's sizes and position fo fit it's relative parent size, and the user viewport. Some of those options are available by giving options to the constructor. Check the code for more.