Modal

Example

Structure

Inverted

With inner image

Leave party?

We are looking to find you the best match. Leaving the party means you lose your spot in the queue for the tournament.

Stay in partyLeave party

Centered

Flexibility

The modals have been designed to cater for various usages, you can pass extra class names such as .surface-transparent (to hide the modal surface) or .max-w-xx (to make the modal thiner), choose wether or not to have an image or actions or even padding.

Congratulations

5

Coins

1

Token