This extension provides snippets for popular Semantic-UI elements.
Features
Semantic-UI allows developers to build beautiful websites fast, with concise HTML, intuitive javascript, and simplified debugging, helping make front-end development a delightful experience. Semantic is responsively designed allowing your website to scale on multiple devices. Semantic is production ready and partnered with frameworks such as React, Angular, Meteor, and Ember, which means you can integrate it with any of these frameworks to organize your UI layer alongside your application logic.
Installation
To install just execute the following command:
ext install Licio.semantic-ui-snippets
Shortcut Prefix
Description
Buttons
std-button
button
std-button-tooltip
button with a tooltip
std-button-disabled-tooltip
button with class disabled and tooltip on a surrounding span
ui-button-deny
div with class ui black deny button
ui-button-approve
div with class ui green approve right button
ui-button
button with class ui primary button
ui-icon
button with class ui icon button
btn-facebook
Facebook button
btn-twitter
Twitter button
btn-vk
VK button
btn-linkedin
LinkedIn button
btn-youtube
Youtube button
btn-instagram
Instagram button
Elements
semh
Starter snippet with head tags
ui-segment
div with class ui segment
ui-header
div with class ui header
ui-clearing
div with class ui clearing divider
ui-modal
div with class ui modal
ui-card
div with class ui card
Forms
ui-form
form with class ui form and method post
mult-countries
multiple select of countries include several choices with one form field
