Grid

grid · Layout · All components

Equal-width columns that wrap. Good for card grids and galleries.

Grid example

board
  screen custom width=520 height=300
    grid columns=3 gap=12
      card
        image height=60
        text "Item" bold
      card
        image height=60
        text "Item" bold
      card
        image height=60
        text "Item" bold
      card
        image height=60
        text "Item" bold
      card
        image height=60
        text "Item" bold

Writing it

Anything else is written key=value.
Holds other elements: indent them two spaces below it.

Props

Prop	Values	Notes
`columns` (required)	number
`gap`	number
`padding`	number

tsquare 0.9.0 · View this page on GitHub