Divider Edit

This feature is still experimental. “Experimental” means this is an early implementation subject to drastic and breaking changes.

Divider is a layout component that separates groups of related content.

Usage

import {
    __experimentalDivider as Divider,
    __experimentalText as Text,
    __experimentalVStack as VStack,
} from `@wordpress/components`;

function Example() {
    return (
        <VStack spacing={4}>
            <Text>Some text here</Text>
            <Divider />
            <Text>Some more text here</Text>
        </VStack>
    );
}

Top ↑

Props

Top ↑

margin: number

Adjusts all margins on the inline dimension.

  • Required: No

Top ↑

marginStart: number

Adjusts the inline-start margin.

  • Required: No

Top ↑

marginEnd: number

Adjusts the inline-end margin.

  • Required: No

Top ↑

Inherited props

Divider also inherits all of the Separator props.