POS UI component Spacing

Shopify Apps
1

Unlike other components, the document for Spacing seems to be incomplete https://shopify.dev/docs/api/pos-ui-extensions/2024-04/components/spacing.

I am not sure how code example: VerticalSpacing.ExtraSmall; can be used and where it can be used.

Should it be like ? But that doesn’t work.

Thanks for any help.

2

Hi,

I am also struggling in using this component, but as per my understanding Spacing is a not a separate component and it just provides the constants to be used. Also those contants can only be used in Stack component.


<Stack paddingHorizontal="Medium" paddingVertical="Medium">
<Text variant="headingLarge">Label</Text>
<Button title="Button Label" />
</Stack>