PHPackages                             madebyprisma/flotilla - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. madebyprisma/flotilla

ActiveLibrary[Utility & Helpers](/categories/utility)

madebyprisma/flotilla
=====================

A rapid, robust, grid-based element for SilverStripe Elemental

1.2.2(4y ago)046[1 issues](https://github.com/madebyprisma/flotilla/issues)PHP

Since Mar 25Pushed 4y ago2 watchersCompare

[ Source](https://github.com/madebyprisma/flotilla)[ Packagist](https://packagist.org/packages/madebyprisma/flotilla)[ RSS](/packages/madebyprisma-flotilla/feed)WikiDiscussions main Synced 3w ago

READMEChangelog (10)Dependencies (2)Versions (11)Used By (0)

Flotilla
========

[](#flotilla)

A rapid, robust, grid-based element for SilverStripe Elemental

Installation
------------

[](#installation)

Just install from composer and run `/dev/build` and you're good to go!

Configuration
-------------

[](#configuration)

Example yaml configuration:

```
MadeByPrisma\Flotilla\GridElement:
  gap: 8px # Specifies the default grid gap
  columns: 12 # Specifies the default column count, which can be changed for each grid
  rows: 5 # Same as columns, except rows
  breakpoint: 700px # Specifies the breakpoint between normal and vertical layouts on all grids
  spacing: # Spacing options
    None: "0px" # Use any CSS measurement, which will be used at all sizes
    Small: "20px"
    Medium:
      desktop: "50px" # Add "desktop" _and_ "mobile" properties to allow for responsive spacing
      mobile: "30px"
    Large:
      desktop: "100px"
      mobile: "60px"
```

Extension
---------

[](#extension)

Custom `GridItem`'s:

```