Skip to content
This repository has been archived by the owner on Dec 2, 2021. It is now read-only.

Latest commit

 

History

History
31 lines (26 loc) · 854 Bytes

GridLayout.md

File metadata and controls

31 lines (26 loc) · 854 Bytes

##GridLayout Lays-out renderables from left to right, in a grid with fixed number of columns and rows.

options type description
cells Size Number of cells: [columns, rows]
[margins] Number/Array Margins shorthand (e.g. 5, [10, 20], [2, 5, 2, 10])
[spacing] Size Spacing between renderables. (e.g. [10, 10]

Example:

var GridLayout = require('famous-flex/layouts/GridLayout');

var layoutController = new LayoutController({
  layout: GridLayout,
  layoutOptions: {
    cells: [10, 5],            // 10 columns, 5 rows
    margins: [20, 20, 20, 20], // margins on the outside
    spacing: [10, 10]          // spacing between cells
  },
  dataSource: [
    new Surface({content: 'item 1'}),
    new Surface({content: 'item 2'}),
    new Surface({content: 'item 3'})
  ]
});