×

Modal overlay example

Try to change the width and height of browser window, or to rotate your tablet device, and also try to navigate with Tab key.

You can close the dialog by pressing the Esc key, or by clicking on the background outside the content area, or by clicking on the Close button.

If you don't want to show the outline around the container when focused, you can remove it with .overlay {outline: none}.

Close

x

Tooltip example

Tooltip content will be centered.

You can set the offset by changing the margins in CSS.