<!doctype html>
<html>
	<head>
		<title>gadget-ui Bubble Test</title>
		<link rel="stylesheet" href="/lib/gadget-ui/dist/gadget-ui.css"/>
		<link rel="stylesheet" href="/lib/open-iconic/font/css/open-iconic.css"/>
		<script src='/lib/velocity/velocity.js'></script>


	</head>

	<body>
		<p>Test the Bubble control.</p>

		<p>Select your favorite breakfast food, or enter something new:</p>
	<div id="main" style=" width:500px;" >

		<select id="food" name="food" gadgetui-bind="user.food" >
			<option>cereal</option>
			<option>toast</option>
		</select>
	</div>
	<canvas id="bubbleCnvs" height="200" width="310">
		<div>Show me this Text</div>

	</canvas>
	</body>
</html>
