πŸŽ„ Get 20% off from our JavaScript course for the holidays! πŸŽ„
Templating Syntax in Svelte

Templating Syntax in Svelte

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

The syntax of Svelte is similar to HTML. Anything that is uppercase is considered a component, everything else is a standard HTML tag.

Copied to clipboard!
<script>
    import Sidebar from './sidebarComponent.svelte'
</script>

<!-- `main` denotes a regular HTML element -->
<main>
    <!-- while `Sidebar` denotes a Svelte component -->
    <Sidebar  />
</main>
Syntax.svelte
Templating Syntax in Svelte
If you would like to see more Webtips, follow @flowforfrank

Looking into SvelteΒ 3

Resources:

Did you find this page helpful?
πŸ“š More Webtips
Frontend Course Dashboard
Master the Art of Frontend
  • check Access exclusive interactive lessons
  • check Unlimited access to hundreds of tutorials
  • check Remove ads to learn without distractions
Become a Pro

Recommended