: O Elemento SLOT
Última atualização: 2026-09-12
<slot>O Elemento SLOT
Define um «slot» em um shadow DOM para Web Components — um espaço reservado onde o conteúdo do host é projetado; name permite distribuição nomeada.
| Categoria | Scripts e Incorporação |
|---|---|
| Modelo de Conteúdo | Conteúdo de fluxo |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </slot> tag |
| Status | Padrão |
📝 Sintaxe
<slot name="title"></slot>⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
name | Slot name; host content with slot="name" fills it; omitted is the default slot. |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <slot> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： slot só funciona dentro de shadow DOM / Web Components; em uma página normal não tem efeito de distribuição.
🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
