::slotted
Pseudoelemento que sirve para poder agregar estilos especÃficos a todo el contenido dinámico que venga desde fuera del componente y se vaya a colocar en las etiquetas slot.
.
::slotted(que tipo de etiqueta viene por fuera) {estilos}
.
Ejemplo ::slotted(span) {}
.
Si queremos ser más especÃficos, podemos usar clases:
::slotted(.texto) {}
.
Beneficio
Que los devs que usen el componente puedan modificar las cosas desde fuera sin tener que entrar al componente para cambiar los estilos.
.
Este pseudoelemento solo va a funcionar cuando tengamos un shadow DOM
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?