Chuyển tới nội dung chính

Row

Row Components

<Row/> properties

PropTypeDefaultDescription
noGapbooleanfalseLoại bỏ khoảng cách giữa các columns
tagstringdivXác định html tag mà row element sẽ render
gapstringKhoả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

EventDescription
onGridResizeEvent 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!