使用法
Spacer
は、margin
と padding
を調整するための一連のショートハンドプロパティを提供します。これらのプロパティの値は、ライブラリのグリッドシステム(4px
の基準)に対する乗数として機能します。
import {
__experimentalSpacer as Spacer,
__experimentalHeading as Heading,
__experimentalView as View,
} from '@wordpress/components';
function Example() {
return (
<View>
<Spacer>
<Heading>WordPress.org</Heading>
</Spacer>
<Text>Code is Poetry</Text>
</View>
);
}
プロパティ
children: ReactNode
子要素。
margin: number
すべてのマージンを調整します。
marginBottom: number
下部マージンを調整し、より一般的な margin
と marginY
プロパティの値を上書きする可能性があります。
marginLeft: number
左マージンを調整し、より一般的な margin
と marginX
プロパティの値を上書きする可能性があります。
marginRight: number
右マージンを調整し、より一般的な margin
と marginX
プロパティの値を上書きする可能性があります。
marginTop: number
上部マージンを調整し、より一般的な margin
と marginY
プロパティの値を上書きする可能性があります。
marginX: number
左と右のマージンを調整し、より一般的な margin
プロパティの値を上書きする可能性があります。
marginY: number
上部と下部のマージンを調整し、より一般的な margin
プロパティの値を上書きする可能性があります。
padding: number
すべてのパディングを調整します。
paddingBottom: number
下部パディングを調整し、より一般的な padding
と paddingY
プロパティの値を上書きする可能性があります。
paddingLeft: number
左パディングを調整し、より一般的な padding
と paddingX
プロパティの値を上書きする可能性があります。
paddingRight: number
右パディングを調整し、より一般的な padding
と paddingX
プロパティの値を上書きする可能性があります。
paddingTop: number
上部パディングを調整し、より一般的な padding
と paddingY
プロパティの値を上書きする可能性があります。
paddingX: number
左と右のパディングを調整し、より一般的な padding
プロパティの値を上書きする可能性があります。
paddingY: number
上部と下部のパディングを調整し、より一般的な padding
プロパティの値を上書きする可能性があります。
- 必須: いいえ