Storybook
/
IntroductionExamplesFrameGridPackingGridUse Methods & Events
  1. Recently opened
  2. Back to componentsESC
  3. 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="root">
  <div class="result"></div>
  <div class="button">Resize Item 2</div>
  <div class="container">
    <div class="item">1</div>
    <div class="item item2">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>
</div>