Row
Organize components
Rows organize components so that you can style and organize them together. Below are examples showing the different features:
Features
- Add a border around all fields.
Border
lorem ipsum dolor sit amet consectetur adipiscing elit placeat soluta anim excepteur autem qui facilis eiusmod cupiditate elit soluta ducimus placeat nam ut sed enim fuga irure tempore vero libero quas distinctio est qui sint quis officia exercitation tempor omnis dignissimos minim dignissimos dolor ullamco est quod tempore culpa tempor
lorem ipsum dolor sit amet consectetur adipiscing elit placeat soluta anim excepteur autem qui facilis eiusmod cupiditate elit soluta ducimus placeat nam ut sed enim fuga irure tempore vero libero quas distinctio est qui sint quis officia exercitation tempor omnis dignissimos minim dignissimos dolor ullamco est quod tempore culpa tempor- Stack fields on top of each other
Stacked
this is a field on the top
this is a field on the topthis is a field on the bottom
this is a field on the bottom- Put fields side-by-side. You can have a maximum of 12 components on one line before the fields start wrapping.
Side by side
this is a field on the left
this is a field on the leftthis is a field on the right
this is a field on the right- You can customize the side-by-side distance to shrink the gap
Side by side customized
this is a field on the left
this is a field on the leftthis is a field on the right
this is a field on the right- Or you can specify how many fields you want per line
Mixed
this is a field on the left
this is a field on the leftthis is a field on the right
this is a field on the rightthis is a field on the bottom
this is a field on the bottom