@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
122 lines • 2.41 kB
JavaScript
export const gridDefaults = {
1: [
{
breakpoint: 'xxs',
rows: [[3]],
},
{
rows: [[1]],
removeButton: {
ownRow: true,
},
},
],
2: [
{
breakpoint: 'xs',
rows: [[3, 3]],
removeButton: {
width: 2,
},
},
{
breakpoint: 'xxs',
rows: [[1, 1]],
removeButton: {
ownRow: true,
},
},
{
rows: [[1], [1]],
},
],
3: [
{
breakpoint: 'xs',
rows: [[3, 3, 3]],
removeButton: {
width: 3,
},
},
{
breakpoint: 'xxs',
rows: [[1, 1], [1]],
removeButton: {
ownRow: true,
},
},
{
rows: [[1], [1], [1]],
},
],
4: [
{
breakpoint: 'xs',
rows: [[3, 3, 3, 3]],
removeButton: {
width: 4,
},
},
{
breakpoint: 'xxs',
rows: [
[1, 1],
[1, 1],
],
},
{
rows: [[1], [1], [1], [1]],
},
],
5: [
{
breakpoint: 's',
rows: [[3, 3, 3, 3, 3]],
removeButton: {
width: 5,
},
},
{
breakpoint: 'xs',
rows: [
[1, 1, 1],
[1, 1],
],
},
{
breakpoint: 'xxs',
rows: [[1, 1], [1, 1], [1]],
},
{
rows: [[1], [1], [1], [1], [1]],
},
],
6: [
{
breakpoint: 's',
rows: [[3, 3, 3, 3, 3, 3]],
removeButton: {
width: 6,
},
},
{
breakpoint: 'xs',
rows: [
[1, 1, 1],
[1, 1, 1],
],
},
{
breakpoint: 'xxs',
rows: [
[1, 1],
[1, 1],
[1, 1],
],
},
{
rows: [[1], [1], [1], [1], [1], [1]],
},
],
};
//# sourceMappingURL=grid-defaults.js.map