Snippets & rendu réutilisable

Pour répéter un fragment d’interface sans créer un composant entier, Svelte offre les snippets : des portions de template nommées, rendues à la demande avec {@render}.

• Un snippet est déclaré avec {#snippet nom(){}{/snippet}.
• On l’affiche plusieurs fois avec la rune de rendu {@render nom()}.
• C’est le moyen idéal pour mutualiser une structure locale à la page.

{#snippet boutons()}
  <button class='action'>Sauvegarder</button>
  <button class='action'>Annuler</button>
{/snippet}

<div class='bar'>
  {@render boutons()}
  {@render boutons()}
</div>