Default Nedil Widgets
Nedil JS supports more than dozen of default widgets to make highly user friendly interfaces. All default widgets are configurable with lot of options.

Default widgets are explained with examples under "demo" page.
Nedil JS + Nedil Widgets
To use Nedil Widgets, order of loading should be Nedil.js, Nedil_Widget.css and Nedil_Widget.js and Nedil Widgets images directory should be placed at the same location of Nedil_Widget.css
HTML
						<head>

							
							<script type="text/javascript" src="PATH_TO/Nedil.js"></script>
							
							
							<link rel="stylesheet" type="text/css" href="PATH_TO/Nedil_Widget.css" />
							
							
							<script type="text/javascript" src="PATH_TO/Nedil_Widget.js"></script>
							
						</head>
Usage Nedil Widgets
Widgets are created using Nedil.Widget. It should be applied to HTML elements in Nedil Objects. All the matched HTML elements will be converted to Nedil Custom Widgets.
JS
			$.domLoaded(function() {
			
				// Create #btn1 into WIDGET with configuration from CONFIG_JSON
				$.get("#btn1").widget("WIDGET_NAME", CONFIG_JSON);
				
			}