Lighthouse - Spacing

Spacing

Summary

The Spacing component is used to make spaces between elements. It is used to add margins or paddings. Theme scale sizings or px unit strings are acceptable as the property value.

import * as React from "react"
import * as System from "@harborschool/lighthouse"

export default () => {

  return (
    <System.Spacing width="scale900" height="scale900" backgroundColor="backgroundTertiary" />
  )
}

import * as React from "react"
import * as System from "@harborschool/lighthouse"
export default () => {
  return (
    <System.Spacing width="scale900" height="scale900" backgroundColor="backgroundTertiary" />
  )
}

API

Name

Type

width

height

backgroundColor

string

display

System.BlockPropsT["display"]

guide

boolean

Start Design With Framer

Start Code With CodeSandbox

Created by

@ruucm