Content
Overlay
Toggle

Variant

Use Tailwind CSS to assign variant (e.g. border-color, background-color, text-color).

.xt-backdrop is essential to the close interaction of the overlay, but you can hide it using the class .opacity-0.

Size

The padding of .xt-overlay-container is set as a utility. Check xtendui/src/overlay.css.js for default styles.

Use Tailwind CSS to assign width (e.g. width, max-width).

Use Tailwind CSS to assign size (e.g. padding, font-size).

Complex

Use other card content to make complex design.

This demos use card see documentation for more info.

Other Content

You can put any content inside this component.