QuickUI Catalog Sandbox

This fiddle includes the resources necessary to use QuickUI Catalog controls (http://quickui.org/catalog).

HTML

<script src="http://quickui.org/release/quickui.js"></script>
<link rel="stylesheet" href="http://quickui.org/release/quickui.catalog.css">
<p>A few controls:</p>

CSS

body {
    font-family: Helvetica, Arial, sans-serif;
    padding: 1em;
}
body > * {
    margin-bottom: 1em; /* Spread out controls */
}
p {
    margin: 1em 0;
}

JavaScript

// Simple demonstration of creating controls from the QuickUI catalog.
// See http://quickui.org/catalog for details.

$( "body" ).append(
    ColorSwatchComboBox.create({ content: "SteelBlue" }),
    AutoSizeTextBox.create({
        content: "This text box will grow as you type.",
        minimumLines: 2
    }),
    CollapsibleWithHeadingButton.create({
        heading: "Here's a collapsible panel",
        content: LoremIpsum.create()
    })
);