# Layout Fidget

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](https://github.com/react-grid-layout/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* ]

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