Prism

Homecomponentsstructural

This component is in development. There could be breaking changes made to it in a non-major release of Prism. Please use with caution.

Creates a container that can space things on all or specific directions. Here's an example of an image inside a Card with an inset.

Inset also provides two properties horizontal and vertical for spacing only in the respective directions.

Here's an example of horizontal inset.

Here's an example of vertical inset.

Use top, right, bottom and left properties to set insets in respective directions.

children

Required

The content to inset.

ReactNode

The element used for the root node.

ElementType<any, keyof IntrinsicElements>

spacing

The amount of inset to apply.

vertical

The amount of inset to apply to the horizontally.

horizontal

The amount of inset to add vertically.

top

The amount of inset to apply to the top.

bottom

The amount of inset to apply to the bottom.

left

The amount of inset to apply to the left.

right

The amount of inset to apply to the right.