Skip to content
/ noty Public

Semantic UI Theme for noty.js#332

Merged
needim merged 2 commits intoneedim:masterfrom
xxRockOnxx:patch-1
Dec 13, 2016
Merged

Semantic UI Theme for noty.js#332
needim merged 2 commits intoneedim:masterfrom
xxRockOnxx:patch-1

Conversation

@xxRockOnxx
Copy link
Contributor

@xxRockOnxx xxRockOnxx commented Oct 7, 2016

Examples:

// A regular noty

noty({
    header: 'Title',
    text: 'Hello',
    type: 'success',
    theme: 'semanticUI',
    layout: 'topRight',
    timeout: 3000
});

// Custom noty using SemanticUI

noty({
    header: '<i>Title</i>',
    text: '<p>Hello</p>',
    type: 'success',
        size: 'massive',
    theme: 'semanticUI',
    layout: 'topRight',
    timeout: 3000,
        animation: {
             open:{
                  animation: 'slide left',
          duration: '800ms',
                  //interval: this will not work with noty
             },
             close: {
                 animation: 'browse',
         duration: '800ms',
             }
        }
});

Examples:

// A regular noty

noty({
	header: 'Title',
	text: 'Hello',
	type: 'success',
	theme: 'semanticUI',
	layout: 'topRight',
	template: '<div class="ui message"><div class="content"><div class="header"></div></div></div>', // This is important
	timeout: 3000
});

// Custom noty using SemanticUI

noty({
	header: '<i>Title</i>',
	text: '<p>Hello</p>',
	type: 'success',
        size: 'massive',
	theme: 'semanticUI',
	layout: 'topRight',
	template: '<div class="ui message"><div class="content"><div class="header"></div></div></div>',
	timeout: 3000,
        animation: {
             open:{
                  animation: 'slide left',
		  duration: '800ms',
                  //interval: this will not work with noty
             },
             close: {
                 animation: 'browse',
		 duration: '800ms',
             }
        }
});
this.$message.addClass('error');
break;
case 'negative':
this.$message.addClass('netivae');

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Little typo error here.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants