Object

ContentInset

The object for defining the space around the component content on one or more sides.

Properties

bottom
boolean

Applies an inset to the bottom of the component.

Version 1.0

left
boolean

Applies an inset to the left side of the component.

Version 1.0

right
boolean

Applies an inset to the right side of the component.

Version 1.0

top
boolean

Applies an inset to the top of the component.

Version 1.0

Discussion

The ContentInset object creates space between the outer edge of a component and that component’s content. You can apply ContentInset style to each side separately, or you can use contentInset property with a value of true to apply the style to all four sides.

This object can be used in ComponentLayout.

Example

{ "componentLayouts": { "heading1Layout": { "columnStart": 0, "columnSpan": 7, "contentInset": { "left": true, "right": true }, "margin": { "top": 24, "bottom": 10 } } }}

See Also

Article Layout

Planning the Layout for Your Article

Define a layout that supports the look you want for your article.

Positioning the Content in Your Article

Align article components with columns in your layout.

Wrapping Text Around a Component

Define the layout of a text component to wrap around another component.

object Layout

The object for defining columns, gutters, and margins for your article’s designed width.

object ComponentLayout

The object for defining the positioning for a specific component within the article’s column system.

object Anchor

The object for anchoring one component to another component in your article’s layout.

object Margin

The object for defining the space above and below a component.

object AdvertisingLayout

The object for defining the margin above and below advertising components.

Deprecated
object AutoPlacementLayout

The object for defining the margin above and below advertising components.