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!