Layout Fidget

Layout Fidgets encode how Fidgets are arranged and displayed within a Space.

The default layout will be a simple grid, but we intend to open this functionality up to developers down the road to enable more complex and customizable systems for presenting Fidgets.

Default Grid Layout

[ /src/fidgets/layout/Grid.tsx ]

We're leveraging the React Grid Layout library for our default layout and editing capabilities.

The settings for the default layout are stored in the Homebase page. [ /src/pages/homebase/index.tsx ]

  const gridDetails: GridLayout = {
    isDraggable: false,
    isResizable: false,
    items: 4,
    cols: 12,
    rowHeight: 70,
    compactType: null,
    preventCollision: true,
    maxRows: 9,
    layout: defaultLayoutData,
  };