POS UI component Spacing

[judehuang]

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 <Spacing VerticalSpacing='ExtraSmall'></Spacing>? But that doesn't work.

Thanks for any help.

[1yash]

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>

```