---
title: Spacing
description: |-
  The `Spacing` component provides a set of spacing constants to be used in the POS UI extensions components library. Use these predefined values to maintain consistent spacing and layout patterns across POS interfaces.

  The component provides access to design system spacing tokens through a set of predefined constants, ensuring consistent spacing throughout extensions. It eliminates the need for hardcoded pixel values by offering semantic spacing values that automatically adapt to design system changes, maintaining visual consistency across different screen sizes and orientations.

  `Spacing` components provide semantic spacing names like `'tight'`, `'loose'`, and `'extraLoose'` that map to specific design system values, making spacing choices more intuitive and maintainable.
api_version: 2025-10
api_name: pos-ui-extensions
source_url:
  html: https://shopify.dev/docs/api/pos-ui-extensions/latest/components/spacing
  md: https://shopify.dev/docs/api/pos-ui-extensions/latest/components/spacing.md
---

Spacing

Not supported in this version.