Storybook
/
IntroductionExamplesMasonryGridMasonryGrid with item that place multiple columnsMasonryGrid with item that place 100% columnsFrameGridPackingGridUse Methods & Events
  1. Recently opened
  3. Back to componentsESC
  4. Clear history
NameDescriptionDefaultControl
defaultDirection
See API
end
gap
See API
5
align
See API
justify
column
See API
0
columnSize
See API
0
columnSizeRatio
See API
0
  • HTML
  • CSS
  • Vanilla
  • React
  • Angular
  • Vue
  • Svelte
<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
  <div class="item">7</div>
  <div class="item">8</div>
  <div class="item">9</div>
  <div class="item">10</div>
</div>