Z轴堆叠布局

此组件已弃用。请自行编写 CSS。

用法

ZStack 允许您沿 Z 轴堆叠元素。

import { __experimentalZStack as ZStack } from '@wordpress/components';

function Example() {
    return (
        <ZStack offset={ 20 } isLayered>
            <ExampleImage />
            <ExampleImage />
            <ExampleImage />
        </ZStack>
    );
}

属性

isLayered: boolean

将子元素层叠在一起（第一个：最高 z-index，最后一个：最低 z-index）。

• 必填：否
• 默认值：true

isReversed: boolean

反转层叠顺序（第一个：最低 z-index，最后一个：最高 z-index）。

• 必填：否
• 默认值：false

offset: number

每个子元素之间的间距大小。在从 LTR 切换到 RTL 时，其值会自动反转（即从正数变为负数，反之亦然）。

• 必填：否
• 默认值：0

children: ReactNode

要堆叠的子元素。

• 必填：是