Skip to content

Nitrolabs/meteor-ribbon

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Meteor-ribbon

Nitro Ribbon packaged for Meteor. Nitro Ribbon is a user interface element inspired by Microsoft Office for Mac OSX. The original package can be found at https://github.com/NitroLabs/nitro-ribbon.

Demo

A live demo of the interface is available here ribbon.meteor.com. The source code for this demo is available at https://github.com/NitroLabs/meteor-ribbon-demo

Usage

Install from atmoshpere:

meteor add nitrolabs:ribbon

Usage instructions the same as https://github.com/NitroLabs/nitro-ribbon except the style and javascript files a automatically included by this package.

<head>
</head>

<body>
    {{>NitroRibbon}}
</body>

<template name="NitroRibbon">
    <div class="nitro-ribbon" data-role="tabs">
        <div class="ribbon-header"></div>
        <div class="ribbon-content"></div>
    </div>
</template>

Build the menu once Meteor has rendered the page

Template.NitroRibbon.rendered = function(){
	var a = $('.nitro-ribbon');
	a.ribbon(config);

	// Bind events to the menu buttons
	a.ribbon('folder-button').click(function(event){
		console.log('Folder button clicked');
	});
}

Development

This package is actively maintained and supported by NitroLabs. Pull requests and feature suggestions welcome.

License

Apache 2.0

About

Nitro Ribbon packaged for Meteor

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published