API reference
API reference
Select your platform
No SDKs available
No versions available

SpatialShapes Class

Modifiers: final
Defines the corner radius shape scale for the Meta Horizon UI Set design system. Provides six size tiers from threeXS (very small, for checkboxes) through xLarge (very large, for modals and dialogs), each backed by a RoundedCornerShape with radii from SpatialShapeSizes. Accessed via SpatialTheme.shapes in Compose content.

Constructors

SpatialShapes ( threeXS , xSmall , small , medium , large , xLarge )
Signature 
constructor(threeXS: CornerBasedShape), xSmall: CornerBasedShape), small: CornerBasedShape), medium: CornerBasedShape), large: CornerBasedShape), xLarge: CornerBasedShape))
Parameters
threeXS: CornerBasedShape
xSmall: CornerBasedShape
small: CornerBasedShape
medium: CornerBasedShape
large: CornerBasedShape
xLarge: CornerBasedShape
Returns
SpatialShapes

Properties

large : CornerBasedShape
[Get]
Corner shape for panels, large buttons, and text fields. Uses a larger radius from com_meta_spatial_uiset_theme_spatialshapesizes matching the spatial design language.
Signature 
val large: CornerBasedShape
medium : CornerBasedShape
[Get]
Corner shape for cards, notifications, and container elements. Uses a moderate radius for visually distinct rounding appropriate for mid-sized spatial UI components.
Signature 
val medium: CornerBasedShape
small : CornerBasedShape
[Get]
Corner shape for small container elements such as list items and app tiles. Uses a moderate radius for a visually distinct but not overly rounded appearance.
Signature 
val small: CornerBasedShape
threeXS : CornerBasedShape
[Get]
Corner shape for very small UI elements such as checkboxes and radio buttons. Uses the smallest radius from com_meta_spatial_uiset_theme_spatialshapesizes for subtle rounding.
Signature 
val threeXS: CornerBasedShape
xLarge : CornerBasedShape
[Get]
Corner shape for very large elements such as modals and dialogs. Uses the largest radius from the shape scale for prominent, smooth rounding on overlay surfaces.
Signature 
val xLarge: CornerBasedShape
xSmall : CornerBasedShape
[Get]
Corner shape for small elements such as small buttons and app thumbnails. See SpatialTheme for accessing shapes in Compose.
Signature 
val xSmall: CornerBasedShape
Nav Logo
Virtual reality / Meta Horizon
Virtual reality / Meta Horizon
Virtual reality / Meta Horizon
English (US)
© 2026 Meta