{

"name" : "dial",

"displayName": "Dial",

"description": "The Dial widget is a circular value input control.",

"author" : "jconniff",

"tags": ["widget", "beta", "dial", "round", "knob", "gauge", "wheel"],

"use" : ["dial"],

"dialPathAssets" : "http://yuilibrary.com/yui/docs/assets/dial",

"examples": [

{

"name" : "dial-basic",

"displayName": "Basic Dial",

"description": "Create a Dial from existing markup on the page - a simple use case.",

"modules" : ["dial"],

"tags" : ["dial", "round", "knob", "gauge", "wheel"]

},

{

"name" : "dial-text-input",

"displayName": "Dial Linked With Text Input",

"description": "Link a Dial with a text input field.",

"modules" : ["dial"],

"tags" : ["dial", "input", "round", "knob", "gauge", "wheel"]

},

{

"name" : "dial-image-background",

"displayName": "Dial With Image Background",

"description": "Use image backgrounds to control the visual display of a Dial.",

"modules" : ["dial"],

"tags" : ["dial", "image", "background", "ball", "bearing", "round", "knob", "gauge", "wheel"]

},

{

"name" : "dial-image-surrounding",

"displayName": "Dial With a Surrounding Image",

"description": "Use images to surround a Dial instance and provide additional styling.",

"modules" : ["dial"],

"tags" : ["dial", "image", "background", "heater", "dashboard", "air", "conditioning", "climate", "control", "round", "knob", "gauge", "wheel"]

},

{

"name" : "dial-interactive",

"displayName": "Dial With Interactive UI",

"description": "This example employs Dial to drive an interactive UI.",

"modules" : ["dial"],

"tags" : ["dial", "interactive", "image", "hubble", "earth", "space", "round", "knob", "gauge", "wheel"]

},

{

"name" : "duck",

"displayName": "Image Sprite Animation with Dial",

"description": "This example shows how to use Dial to animate an image sprite.",

"modules" : ["dial"],

"tags" : ["dial", "interactive", "image", "sprite", "duck", "rotate", "animate", "knob", "gauge", "wheel"],

"hideTableOfContents": true

}

]

}