The two-column control lets you lay out most of the controls in two columns instead of each one below the previous one. On small screens, the layout will change to a single column with the second column below the first.

Two Column

Utility

The two-column control lets you lay out most of the controls in two columns instead of each one below the previous one. On small screens, the layout will change to a single column with the second column below the first.

Example of each column showing text and an image

First Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

A convallis netus fermentum consectetur scelerisque purus a ac natoque a a a senectus id mi hendrerit amet conubia a. Adipiscing pretium vestibulum maecenas nec volutpat elementum eros sem non porta sit dictum montes in parturient tellus leo condimentum sem a a ad lorem per parturient. Nibh elit venenatis a vulputate nostra interdum condimentum parturient in a eros suspendisse habitasse vestibulum facilisi sodales nibh potenti augue.

Second Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

Here's another two column control which uses only the second column.

When the second column only is used, the first column collapses and the content appears just the same as if it were in the first column.