Dial: Examples
The Dial widget is a circular value input control. It's like a real-world, analog volume control dial, but it allows larger value ranges and finer granularity. Use Dial instead of Slider where you need to control a larger range, where you need finer control, or where the Dial's form factor better suits your design.
- Basic Dial: Create a Dial from existing markup on the page — a simple use case.
- Dial Linked With Text Input: Link a Dial with a text input field.
- Dial With Image Background: Use image backgrounds to control the visual display of a Dial.
- Dial With a Surrounding Image: Use images to surround a Dial instance and provide additional styling.
- Dial With Interactive UI: This example employs Dial to drive an interactive UI.