Position
Overlay
Toggle

Screen

To make an overlay full screen use .xt-overlay-container.p-0 and .xt-card.min-h-screen and use Tailwind CSS (e.g. align-items, justify-content) to position .xt-card content.

Position

To make an overlay position on left and right use .xt-overlay-container.p-0.w-screen and .xt-card > .min-h-screen and add max-width and margin left and right auto or 0 to .xt-overlay-container to position it on left or right.

To make an overlay position on top and bottom use .xt-overlay-container.p-0.w-screen and add margin top and bottom auto or 0 to .xt-overlay-inner to position it on top or bottom.