Skip to content

Commit f5186a8

Browse files
[tutorials] Address some of the small refinements for word-viewer (#829)
1 parent 81b92f0 commit f5186a8

File tree

4 files changed

+7
-5
lines changed

4 files changed

+7
-5
lines changed
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
<script type="module" src="word-viewer.js"></script>
22

3-
<word-viewer words="👋.from.html"></word-viewer>
3+
<word-viewer words="1.2.3.4"></word-viewer>
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
<script type="module" src="word-viewer.js"></script>
22

3-
<word-viewer words="👋.from.html"></word-viewer>
3+
<word-viewer words="1.2.3.4"></word-viewer>

packages/lit-dev-content/site/tutorials/content/word-viewer/00.md

+3-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
1-
In this tutorial you will invent your own HTML element: `<word-viewer>`.
2-
You can see it on the right!
1+
In this tutorial you will invent your own HTML element: `<word-viewer>`. It's in
2+
the proud tradition of other useful elements like `<marquee>` and `<blink>`! You
3+
can see it on the right!
34

45
The `word-viewer` component takes a list of words separated by periods, and
56
shows them one at a time. You use it in HTML like this:

packages/lit-dev-content/site/tutorials/content/word-viewer/02.md

+2-1
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,8 @@ attribute changes.
4040

4141
You should now see `initial value` in the preview.
4242

43-
Before moving on, set `words` from an attribute.
43+
Before moving on, change to the `index.html` file and set `words` from an
44+
attribute.
4445

4546
```html
4647
<!-- index.html -->

0 commit comments

Comments
 (0)