Skip to main content

Grid

Grid renders a simple design system grid. Place it only once, at the top of your react tree.

declare type Props = {
readonly gutter?: ResponsiveProp<number>
readonly margin?: ResponsiveProp<number>
readonly columns?: ResponsiveProp<number>
readonly opacity?: number
}

Props#

columns#

  • type:
    • ResponsiveProp<number>
    • responsiveProp<int>
  • required: no
  • default: 8

margin#

  • type:
    • ResponsiveProp<number>
    • responsiveProp<float>
  • required: no
  • default: 2

gutter#

  • type:
    • ResponsiveProp<number>
    • responsiveProp<float>
  • required: no
  • default: 2

opacity#

  • type:
    • number
    • float
  • required: no
  • default: 0.2