@@ -21,39 +21,39 @@ export function ShowcaseExample() {
2121 // Responsive Dashboard Example
2222 const [ dashboardLayouts , setDashboardLayouts ] = useState < BreakpointLayouts > ( {
2323 lg : [
24- { id : 'stats' , x : 0 , y : 0 , w : 3 , h : 2 } ,
24+ { id : 'stats' , x : 0 , y : 0 , w : 3 , h : 3 } ,
2525 { id : 'chart' , x : 3 , y : 0 , w : 6 , h : 4 } ,
2626 { id : 'recent' , x : 9 , y : 0 , w : 3 , h : 4 } ,
27- { id : 'table' , x : 0 , y : 2 , w : 3 , h : 4 } ,
27+ { id : 'table' , x : 0 , y : 3 , w : 3 , h : 3 } ,
2828 { id : 'timeline' , x : 3 , y : 4 , w : 9 , h : 3 } ,
2929 ] ,
3030 md : [
31- { id : 'stats' , x : 0 , y : 0 , w : 5 , h : 2 } ,
31+ { id : 'stats' , x : 0 , y : 0 , w : 5 , h : 3 } ,
3232 { id : 'chart' , x : 5 , y : 0 , w : 5 , h : 4 } ,
3333 { id : 'recent' , x : 0 , y : 4 , w : 5 , h : 3 } ,
3434 { id : 'table' , x : 5 , y : 4 , w : 5 , h : 3 } ,
3535 { id : 'timeline' , x : 0 , y : 7 , w : 10 , h : 3 } ,
3636 ] ,
3737 sm : [
38- { id : 'stats' , x : 0 , y : 0 , w : 6 , h : 2 } ,
39- { id : 'chart' , x : 0 , y : 2 , w : 6 , h : 4 } ,
40- { id : 'recent' , x : 0 , y : 6 , w : 6 , h : 3 } ,
41- { id : 'table' , x : 0 , y : 9 , w : 6 , h : 3 } ,
42- { id : 'timeline' , x : 0 , y : 12 , w : 6 , h : 3 } ,
38+ { id : 'stats' , x : 0 , y : 0 , w : 6 , h : 3 } ,
39+ { id : 'chart' , x : 0 , y : 3 , w : 6 , h : 4 } ,
40+ { id : 'recent' , x : 0 , y : 7 , w : 6 , h : 3 } ,
41+ { id : 'table' , x : 0 , y : 10 , w : 6 , h : 3 } ,
42+ { id : 'timeline' , x : 0 , y : 13 , w : 6 , h : 3 } ,
4343 ] ,
4444 xs : [
45- { id : 'stats' , x : 0 , y : 0 , w : 4 , h : 2 } ,
46- { id : 'chart' , x : 0 , y : 2 , w : 4 , h : 4 } ,
47- { id : 'recent' , x : 0 , y : 6 , w : 4 , h : 3 } ,
48- { id : 'table' , x : 0 , y : 9 , w : 4 , h : 3 } ,
49- { id : 'timeline' , x : 0 , y : 12 , w : 4 , h : 3 } ,
45+ { id : 'stats' , x : 0 , y : 0 , w : 4 , h : 3 } ,
46+ { id : 'chart' , x : 0 , y : 3 , w : 4 , h : 4 } ,
47+ { id : 'recent' , x : 0 , y : 7 , w : 4 , h : 3 } ,
48+ { id : 'table' , x : 0 , y : 10 , w : 4 , h : 3 } ,
49+ { id : 'timeline' , x : 0 , y : 13 , w : 4 , h : 3 } ,
5050 ] ,
5151 xxs : [
52- { id : 'stats' , x : 0 , y : 0 , w : 2 , h : 2 } ,
53- { id : 'chart' , x : 0 , y : 2 , w : 2 , h : 4 } ,
54- { id : 'recent' , x : 0 , y : 6 , w : 2 , h : 3 } ,
55- { id : 'table' , x : 0 , y : 9 , w : 2 , h : 3 } ,
56- { id : 'timeline' , x : 0 , y : 12 , w : 2 , h : 3 } ,
52+ { id : 'stats' , x : 0 , y : 0 , w : 2 , h : 3 } ,
53+ { id : 'chart' , x : 0 , y : 3 , w : 2 , h : 4 } ,
54+ { id : 'recent' , x : 0 , y : 7 , w : 2 , h : 3 } ,
55+ { id : 'table' , x : 0 , y : 10 , w : 2 , h : 3 } ,
56+ { id : 'timeline' , x : 0 , y : 13 , w : 2 , h : 3 } ,
5757 ] ,
5858 } )
5959
0 commit comments