Awesome
Semantic-UI-snippets
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 |
billing | form with class ui form to show billing info |
grouped-radio | form with class ui form to display radio buttons |
| Input | |
search-icon | div with input and search icon |
users-icon | div with input and users icon |
checkout-box | div with input and cart icon |
copy-icon | div with input and copy icon |
Release Notes
Starter template for Semantic-UI snippets.
2.1.4
Added input fields with icons.
Enjoy!