Spacer

A module for reserving empty space.

Structure

div.a--spacer[aria-hidden="true"]

Property	Description
`w`	`width` value
`h`	`height` value

In <Spacer>, SPACE token values can be used for w and h.

import { Spacer } from 'lism-css/react';

↓

Usage example of <Spacer>

Content…

リサイズ可能

<p>Content...</p>
<Spacer h="100px" />
<p>Content...</p>

↓

Using a SPACE token

Box

リサイズ可能

<p>Box</p>
<Spacer h='60' />
<p>Box</p>

↓

Horizontal spacer example

Box

リサイズ可能

<Flex g='10'>
  <Box p='20' bd>Box</Box>
  <Spacer w='40' />
  <Box p='20' bd>Box</Box>
  <Box p='20' bd>Box</Box>
</Flex>