---
layout: example.11ty.cjs
title: <mercury-dialog> ⌲ Examples ⌲ Basic
tags: example
name: Basic
description: A basic example
---

<style>
  mercury-dialog p {
    border: solid 1px blue;
    padding: 8px;
  }
</style>
<mercury-dialog>
  <p>This is child content</p>
</mercury-dialog>

<h3>CSS</h3>

```css
p {
  border: solid 1px blue;
  padding: 8px;
}
```

<h3>HTML</h3>

```html
<mercury-dialog>
  <p>This is child content</p>
</mercury-dialog>
```
