5 <title>jQuery UI Button - Icons</title>
6 <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
7 <script src="../../jquery-1.9.1.js"></script>
8 <script src="../../ui/jquery.ui.core.js"></script>
9 <script src="../../ui/jquery.ui.widget.js"></script>
10 <script src="../../ui/jquery.ui.button.js"></script>
11 <link rel="stylesheet" href="../demos.css">
14 $( "button:first" ).button({
16 primary: "ui-icon-locked"
21 primary: "ui-icon-locked"
25 primary: "ui-icon-gear",
26 secondary: "ui-icon-triangle-1-s"
30 primary: "ui-icon-gear",
31 secondary: "ui-icon-triangle-1-s"
40 <button>Button with icon only</button>
41 <button>Button with icon on the left</button>
42 <button>Button with two icons</button>
43 <button>Button with two icons and no text</button>
45 <div class="demo-description">
46 <p>Some buttons with various combinations of text and icons.</p>