Semantic UI components are designed to be compatible with libraries that tightly manage UI lifecycle like React. No special bindings are needed.
Most components use mutation observers to watch for changes in internal state, and all components are built with
destroy methods which will regenerate, refresh cached values, and teardown components.
Install via Atmosphere
Install the Semantic UI package from atmosphere.
The next step will differ depending on what version of Meteor you are running. Continue to the section relevant to your version of Meteor.
(Meteor <1.3) Install less-autoprefixer package
You will need a special package less-autoprefixer, to add vendor prefixes to your LESS pipeline.
Continue to the "Create a custom.semantic.json file" section
(Meteor 1.3+) Install less and postcss packages
Remove the standard-minifier-css package.
Install the less and postcss packages.
To configure the postcss package, add the following to your
package.json file and save it.
To finish setting up the postcss package, install the new autoprefixer NPM package.
Create a custom.semantic.json file
custom.semantic.json is a special file used to determine which themes and components to include in your project's build.
To remove a component from the pipeline, simply set the boolean value to
Start Meteor / Generate
Every time Meteor starts or refreshes it calls the package semantic:ui to generate Semantic UI.
The package has a uses the diff between
.custom.semantic.json to avoid regenerating files unnecesssarily.
If the file
.custom.semantic.json does not exist or it is different than custom.semantic.json then it will generate Semantic UI.
Customize Site Variables
Semantic UI meteor includes a site theme,
site/ which can be used to customize less variables for your site. These files are optional, and can safely be removed if customization is not necessary.
Visit our theming guide to learn more about theming.
Issues & Debugging
For help with Semantic UI Meteor, and for the latest updates, please visit the repository home on GitHubVisit Meteor Repo
Installing via CLI
Include the library as an NPM dependency, from within an ember-cli app.
If you are using Ember CLI
If you are using an older version
Run the Library's Blueprint
For example of individual components check out the GitHub repositoryVisit Ember Repo
Contribute to Angular Development
Semantic UI angular bindings are still in development, but are available for some componentsVisit Angular Repo