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

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

<h3>CSS</h3>

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

<h3>HTML</h3>

```html
<deedee-messenger>
  <p>This is child content</p>
</deedee-messenger>
```