βοΈ Real-time Preview Enabled Semantic UI Composer for vscode
MIT License
Copy the following Semantic-UI markup to the vscode html extension file.
<div class="ui card">
<div class="image">
<img src="http://semantic-ui.com/images/avatar2/large/kristy.png" />
</div>
<div class="content">
<a class="header">Kristy</a>
<div class="meta">
<span class="date">Joined in 2013</span>
</div>
<div class="description">
Kristy is an art director living in New York.
</div>
</div>
<div class="extra content">
<a>
<i class="user icon"></i>
22 Friends
</a>
</div>
</div>
You could copy and paste any Semantic UI components.
Semantic-live supports the followings
html
document with its content. It does not support rendering of html which includes frontend frameworks
or libraries
(simple html rendering)css
and js
that gets added within link
& script
tags, whether external files or inline code it will render themsemantic-ui
library component renderingjavascript
/css
files that are linked to a html filehtml
file, click on the icon to toggle the side-barTypeScript!
Semantic-live uses the following
Please check the ReleasesΒ | Github page of this project.
Have a look at our contribution guide.