Skip to content

Commit 754655a

Browse files
author
john lim
committed
html elements tutorial updated
1 parent 9c50099 commit 754655a

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

app/src/tutorial/HtmlElements.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,9 @@ const HtmlElements: React.FC<{
2222
<h2>Custom Elements</h2>
2323
<p className={classes.text}>You can create new custom elements to better suit your needs.<br/>
2424
Click <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element" target="_blank">here</a> for a link to more HTML tags that you can add.<br/>
25-
"Tag" should be the HTML tag you are creating and "Tag Name" should be something that makes it easy to remember what this tag is/does.</p>
25+
"Tag" should be the HTML tag you are creating and "Tag Name" should be something that makes it easy to remember what this tag is/does.<br/>
26+
You can also create your own custom elements besides the standard HTML Elements in the document above. For example you can create an element &lt;hello&gt;&lt;hello&gt; and it will work! You can add functionality to these elements once you export your project. Just be sure to import them into the files that you are using them! For more information on how to create custom tags check out these resources from <a href="https://www.html5rocks.com/en/tutorials/webcomponents/customelements/" target="_blank">HTML5Rocks</a> and <a href="https://www.smashingmagazine.com/2014/03/introduction-to-custom-elements/" target="_blank">smashing magazine</a>.
27+
</p>
2628
<div className={classes.imgWrapper} >
2729
<img className={classes.smallImg} src={createNew} />
2830
</div>

0 commit comments

Comments
 (0)