> For the complete documentation index, see [llms.txt](https://ds5.gitbook.io/documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ds5.gitbook.io/documentation/components/pop-in.md).

# Pop-in

{% hint style="info" icon="figma" %}
Nom du composant : **composant**
{% endhint %}

***

{% tabs %}
{% tab title="Global" %}
{% embed url="<https://www.figma.com/proto/wBkSm4I4jUASOuNVQr9xA9/DSVUV5---Previews?content-scaling=fixed&hotspot-hints=0&node-id=8372-32273&page-id=8372:31805&scaling=scale-down-width&t=AiRnFQXPuyxOM0qP-1&viewport=-168,553,0.72>" %}
{% endtab %}

{% tab title="Connexion" %}
{% embed url="<https://www.figma.com/proto/wBkSm4I4jUASOuNVQr9xA9/DSVUV5---Previews?content-scaling=fixed&hotspot-hints=0&node-id=8372-32345&page-id=8372:31805&scaling=scale-down-width&t=AiRnFQXPuyxOM0qP-1&viewport=-168,553,0.72>" %}
{% endtab %}

{% tab title="Optin 1" %}
{% embed url="<https://www.figma.com/proto/wBkSm4I4jUASOuNVQr9xA9/DSVUV5---Previews?content-scaling=fixed&hotspot-hints=0&node-id=8372-32362&page-id=8372:31805&scaling=scale-down-width&t=AiRnFQXPuyxOM0qP-1&viewport=-168,553,0.72>" %}
{% endtab %}

{% tab title="Optin 2" %}
{% embed url="<https://www.figma.com/proto/wBkSm4I4jUASOuNVQr9xA9/DSVUV5---Previews?content-scaling=fixed&hotspot-hints=0&node-id=8372-32383&page-id=8372:31805&scaling=scale-down-width&t=AiRnFQXPuyxOM0qP-1&viewport=-168,553,0.72>" %}
{% endtab %}

{% tab title="Delete" %}
{% embed url="<https://www.figma.com/proto/wBkSm4I4jUASOuNVQr9xA9/DSVUV5---Previews?content-scaling=fixed&hotspot-hints=0&node-id=8372-32432&page-id=8372:31805&scaling=scale-down-width&t=AiRnFQXPuyxOM0qP-1&viewport=-168,553,0.72>" %}
{% endtab %}
{% endtabs %}

***

### Principes

#### Principe 1

#### Principe 2

***

### Usage

***

### Dos & Don'ts

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th></tr></thead><tbody><tr><td><mark style="color:green;">À faire</mark></td><td></td></tr><tr><td><mark style="color:red;">À ne pas faire</mark></td><td></td></tr></tbody></table>