Text Expressions in Svelte

Text Expressions in Svelte

Ferenc Almasi β€’ Last updated 2020 September 12 β€’ Read time 1 min read
  • twitter
  • facebook

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>
Text.svelte

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>
Expression.svelte

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 />
Expressions.svelte
Text expressions in Svelte
If you would like to see more Webtips, follow @flowforfrank

Looking into Svelte 3

Resources:

  • twitter
  • facebook
Did you find this page helpful?
πŸ“š More Webtips
Mentoring

Rocket Launch Your Career

Speed up your learning progress with our mentorship program. Join as a mentee to unlock the full potential of Webtips and get a personalized learning experience by experts to master the following frontend technologies:

Courses

Recommended

This site uses cookies We use cookies to understand visitors and create a better experience for you. By clicking on "Accept", you accept its use. To find out more, please see our privacy policy.