Drop Button

Use this drop button when you want to have one main button but also maybe sometimes a few other actions that are useful to have but you don’t think will get used often.

 1$(function () {
 2    window.dropbutton = new classes.DropButtonView({ 
 3        models: [{
 4            label: "Main option",
 5            main: true,
 6            onclick: "http://google.com"
 7        },
 8        {
 9            label: "Secondary option",
10            onclick: function () {
11                alert("You clicked the secondary option")
12            },
13            className: "secondary"
14        },
15        {
16            label: "Tertiary option",
17            onclick: "/colors.html"
18        },
19        {
20            label: "Quaternary?",
21            onclick: "/tabs.html",
22            className: "quaternary warning"
23        }]
24    })
25    $('.dropbutton').html(dropbutton.render().el)
26})

Custom CSS:

1.quaternary.warning {
2    background-color: red;
3}
4
5.secondary a {
6    color: green;
7}