@polight/lego/docs/content/v1/usage/slots.md

Tiny Web Components lib for future-proof HTML mentors

---

title: Using Slots
weight: 10
---


[Slots](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot) are part of the native Web Component.
Because LEGO builds native Web Components, you can use the standard _slots_ as documented.

## Example

**index.html**

```html
<user-profile>
  <span>This user is in Paris</span>
</user-profile>
```

**bricks/user-profile.html**

```html
<template>
  <h1>User profile</h1>
  <p>Important information: <slot></slot></p>
</template>
```

Outputs:

```html
<h1>User profile</h1>
<p>Important information: <span>This user is in Paris</span></p>
```

[See more advanced examples](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots#Adding_flexibility_with_slots).