This gist was generated by the Svelte REPL. Visit https://svelte.technology/repl?gist=this_gist_id to see it.
Created
August 9, 2017 23:03
-
-
Save anonymous/3ae1fefbef1a4fe1deb280a7654fa3c3 to your computer and use it in GitHub Desktop.
Svelte component
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<h1 class="hello-world">Hello {{name}}!</h1> | |
<!-- | |
This is a Svelte component. Click the toggle | |
below right to see the generated code. | |
You can interact with this component via your | |
browser's console – try running the following: | |
app.set({ name: 'everybody' }); | |
You can also update the data via the JSON | |
editor on this page. | |
--> | |
<style scoped> | |
.hello-world { | |
display: block; | |
} | |
@media only screen (min-width: 42em) { | |
.hello-world { | |
display: none; | |
} | |
} | |
</style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"name": "world" | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment