使用法

  1. import {
  2.    __experimentalDivider as Divider,
  3.    __experimentalText as Text,
  4.    __experimentalVStack as VStack,
  5. } from `@wordpress/components`;
  7. function Example() {
  8.    return (
  9.    <VStack spacing={4}>
  10.    <Text>Some text here</Text>
  11.    <Divider />
  12.    <Text>Some more text here</Text>
  13.    </VStack>
  14.    );
  15. }

プロパティ

margin: number

インライン次元のすべてのマージンを調整します。

  • 必須: いいえ

marginEnd: number

インラインエンドマージンを調整します。

  • 必須: いいえ

marginStart: number

インラインスタートマージンを調整します。

  • 必須: いいえ

orientation: horizontal | vertical

Dividerの向き。フレックスコンテナ内で使用する場合、Dividerがstretchに整列していることを確認する必要があります。

  • 必須: いいえ
  • デフォルト: horizontal

継承されたプロパティ

Dividerは、すべてのSeparatorプロパティも継承します。