First Steps
A few things you should do to start creating awesome websites with beautiful components ;)
1. Copy and paste
<script src="http://cdn.alloyui.com/2.0.0pr5/aui/aui-min.js"></script>This is an ultra-small bit of JavaScript that enables you to load any AlloyUI component on your page.
2. Getting started!
Let's create an YUI instance and do some simple stuff, like capturing a DOM element and attaching a click event to it. Then let's run some transitions!
YUI().use(
'node',
'transition',
function (Y) {
Y.one('.aui-btn').on(
'click', function() {
this.transition(
{
width: '500px'
}
);
}
);
}
);3. Using a UI component
Now let's take advantage of all the power that AlloyUI has and use Carousel, one the UI components.
YUI().use(
'aui-carousel',
function(Y) {
new Y.Carousel(
{
contentBox: '#myCarousel',
}
).render();
}
);and this is just the beginning!
Go ahead and navigate between other components using the list on the left.
