Snippets for the Semantic UI framework
JavaScript
Latest commit 6ad7cc0 Oct 5, 2016 @idleberg remove Node 4 test
Permalink
Failed to load latest commit information.
breadcrumb first commit Sep 18, 2014
button fixed file-names Sep 18, 2014
divider fix divider miss " Jul 19, 2016
form first commit Sep 18, 2014
grid fixes Sep 18, 2014
header fixed file-names Sep 18, 2014
image fixed file-names Sep 18, 2014
input fixed file-names Sep 18, 2014
label fixed file-names Sep 18, 2014
loader fixed file-names Sep 18, 2014
message first commit Sep 18, 2014
progress first commit Sep 18, 2014
reveal fixed file-names Sep 18, 2014
segment fixed file-names Sep 18, 2014
step first commit Sep 18, 2014
table first commit Sep 18, 2014
.gitignore Update files Sep 18, 2014
.travis.yml remove Node 4 test Oct 5, 2016
LICENSE first commit Sep 18, 2015
README.md fix emphasis Mar 17, 2016
gulpfile.js replace linter Jul 22, 2016
package.json replace linter Jul 22, 2016

README.md

Semantic UI for Sublime Text

The MIT License Package Control GitHub release Travis

Sublime Text snippets for the Semantic UI framework.

This package is work in progress

Installation

Package Control

  1. Make sure you already have Package Control installed
  2. Choose “Install Package” from the Command Palette (Super+Shift+p)
  3. Type “Semantic UI” and press Enter

GitHub

  1. Change to your Sublime Text Packages directory
  2. Clone repository git clone https://github.com/idleberg/Semantic-UI-Sublime-Text.git 'Semantic UI'

Manual installation

  1. Download the latest stable release
  2. Unzip the archive to your Sublime Text Packages directory

Usage

Completions

All command completions are prefixed with ui, typing dash-connected class names should trigger the element of choice.

Examples:

  • ui-image completes to an image tag
  • ui-form will complete to form tags
  • ui-blue-label completes to a blue label

Snippets

There are some extra snippets for elements with children. For instance, you can use ui-4-button for a button group with four buttons inside.

Icons

To add icon support, please install Icon Fonts via Package Control.

Troubleshooting

By default, command completion should be enabled in all versions of Sublime Text. If the completion pop-up doesn't work, you can use Ctrl+Space to force it to show up. Alternatively, you might also have to add the HTML scope (text.html) to your user settings under auto_complete_selector.

License

This work is licensed under the The MIT License.

Donate

You are welcome support this project using Flattr or Bitcoin 17CXJuPsmhuTzFV2k4RKYwpEHVjskJktRd