Row Components
<Row/>
properties
Prop | Type | Default | Description |
---|
noGap | boolean | false | Loại bỏ khoảng cách giữa các columns |
tag | string | div | Xác định html tag mà row element sẽ render |
gap | string | | Khoảng cách giữa các columns bên trong row và khoảng cách với các row gần kề. Các giá trị hợp lệ: - gap_1 : spacing sẽ bằng 1*base spacing (4px) = 4px
- gap_2 : spacing sẽ bằng 2*base spacing (4px) = 8px
- gap_3 : spacing sẽ bằng 3*base spacing (4px) = 12px
- gap_4 : spacing sẽ bằng 4*base spacing (4px) = 16px
- gap_5 : spacing sẽ bằng 5*base spacing (4px) = 20px
- gap_6 : spacing sẽ bằng 6*base spacing (4px) = 24px
- gap_7 : spacing sẽ bằng 7*base spacing (4px) = 28px
- gap_8 : spacing sẽ bằng 8*base spacing (4px) = 32px
- gap_9 : spacing sẽ bằng 9*base spacing (4px) = 36px
- gap_10 : spacing sẽ bằng 10*base spacing (4px) = 40px
|
<Row/>
events
Event | Description |
---|
onGridResize | Event kích hoạt khi kích thước Row thay đổi kích thước |
Ví dụ
Code demo fallback when rendering server side!