Box

The DOM element to render as the Box.

• This cannot be any SVG-related element such as 'svg', 'animate', 'circle'`, and many more
• This cannot be a 'a' (use the Anchor primitive instead)
• This cannot be a 'button' (use the Anchor primitive instead)

Token representing background color with a built-in fallback value.

data-testid is strictly controlled through the testId prop. This lets consumers know that this data attribute will not be applied.

Tokens representing CSS shorthand for paddingBlock and paddingInline together.

@see paddingBlock @see paddingInline @private – Do not use shorthand props, use props.xcss instead as these will be deprecated in the future.

Tokens representing CSS shorthand paddingBlock.

@see paddingBlockStart @see paddingBlockEnd @private – Do not use shorthand props, use props.xcss instead as these will be deprecated in the future.

Tokens representing CSS paddingBlockEnd. @private – Do not use shorthand props, use props.xcss instead as these will be deprecated in the future.

Tokens representing CSS paddingBlockStart. @private – Do not use shorthand props, use props.xcss instead as these will be deprecated in the future.

Tokens representing CSS shorthand paddingInline. @private – Do not use shorthand props, use props.xcss instead as these will be deprecated in the future.

@see paddingInlineStart @see paddingInlineEnd

Tokens representing CSS paddingInlineEnd. @private – Do not use shorthand props, use props.xcss instead as these will be deprecated in the future.

Tokens representing CSS paddingInlineStart. @private – Do not use shorthand props, use props.xcss instead as these will be deprecated in the future.

Forwarded ref.

A unique string that appears as data attribute data-testid in the rendered code, serving as a hook for automated tests.

Apply a subset of permitted styles powered by Atlassian Design System design tokens. It's preferred you do not use background in xcss or cssMap() and instead use props.backgroundColor for surface awareness.