Applies a negative margin to allow content to bleed into the surrounding container.

Nesting an Inset component inside a Card will render the content from edge to edge of the card.

Reflex is a web framework that allows developers to build their app in pure Python.

The side prop controls which side the negative margin is applied to. When using a specific side, it is helpful to set the padding for the opposite side to current to retain the same padding the content would have had if it went to the edge of the parent component.

The inset below uses a bottom side.

rx.inset

Applies a negative margin to allow content to bleed into the surrounding container.

Prop	Type | Values	Default	Interactive
side	"x" | "y" | ...
clip	"border-box" | "padding-box"
p	Union[int, str]
px	Union[int, str]
py	Union[int, str]
pt	Union[int, str]
pr	Union[int, str]
pb	Union[int, str]
pl	Union[int, str]

Event Triggers

See the full list of default event triggers