Text Expressions in Svelte
Texts can also contain JavaScript expressions. You can use any regular HTML tag you normally would:
Copied to clipboard!
<script>
let world = 'Svelte';
</script>
<h1>Hello {world}!</h1>
JavaScript expressions are also evaluated:
Copied to clipboard!
<script>
let a = 0;
let b = '1';
</script>
<p>{a} is a {typeof a}</p>
<p>{b} is a {typeof b}</p>
Inside HTML comments, you also have the option to disable certain linting options:
Copied to clipboard!
<!-- You can disable warnings for the next block -->
<!-- using `svelte-ignore`. Only use when you must. -->
<!-- svelte-ignore a11y-autofocus -->
<input type="checkbox" autofocus />
Resources:
π More Webtips
Master the Art of Frontend
- Access 100+ interactive lessons
- Unlimited access to hundreds of tutorials
- Prepare for technical interviews