Column

The Column component is a layout element that helps organize content into vertical stacks, which is essential for creating responsive designs. Columns are often used within grid systems to divide content into manageable sections, ensuring that the layout adjusts properly across different screen sizes. For instance, in a blog layout, columns can be used to separate the main content from the sidebar, or in a dashboard, they can arrange widgets into an organized grid.

Width 1
Width 2
Width 3
Width 4
Width 5
Width 6
Width 7
Width 8
Width 9
Width 10
Width 11
Width 12

Code 

import Column from "@lumina-design/core/Column";
  
//Responsive attributes: 'xs' 'sm' 'md' 'lg'
//Column sizes: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12     
<Column className="grid-content" id="test" md={3}>
  Column 2
</Column>