Blaze UI Basic Ranges Last Updated : 21 Apr, 2022 Summarize Comments Improve Suggest changes Share Like Article Like Report Blaze UI is a free open-source Ui toolkit that provides a strong and maintainable foundation to develop scalable web solutions. All the components of Blaze UI are developed mobile-first and rely on native browser features, not on any additional library or framework. In this article, we will be seeing Blaze UI Basic Ranges. Ranges are basically sliders that are used to take the value input between a definite range. To make a Blaze UI range we use the <input> element with class c-range and the type attribute set to the range. Blaze UI Basic Ranges Classes: c-range: This class is used to instantiate the Blaze UI range element. Syntax: <input class="c-range" type="range"> Example 1: The below example shows how to make a basic range in Blaze UI. HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content= "width=device-width, initial-scale=1.0"> <title>Blaze UI - Basic Range</title> <link rel="stylesheet" href= "https://unpkg.com/@blaze/[email protected]/dist/blaze/blaze.css"> <style> body { font-family: sans-serif; } </style> </head> <body> <div class="u-centered"> <h2 style="color: green;"> GeeksforGeeks </h2> <h3>Basic Range - Blaze UI</h3> </div> <div class="u-window-box-super"> <input type="range" class="c-range"> </div> </body> </html> Output: Reference: https://www.blazeui.com/components/ranges/ Comment More infoAdvertise with us Next Article Lodash _.range() Method W writer01 Follow Improve Article Tags : Web Technologies CSS Blaze-UI Blaze-UI Component Similar Reads Blaze UI Ranges Blaze UI is a user interface toolkit that helps developers to build maintainable websites by using its components. All of its components are mobile-first and scale accordingly based on screen size. Blaze UI Ranges are known as sliders, basically, it is used to specify the range of values when we dra 2 min read Blaze UI Color Ranges Blaze UI is a free open-source UI toolkit that provides a strong and maintainable foundation to develop scalable web solutions. All the components of Blaze UI are developed mobile-first and rely on native browser features, not on any additional library or framework. In this article, we will be seein 3 min read How to Calculate Range Range is one of the measures of dispersion. It helps us understand how dispersed any dataset is. The range can be calculated using the highest and lowest observations of any dataset. However, while the range offers a simple indication of spread, it may be influenced by outliers, potentially skewing 5 min read Lodash _.range() Method Lodash _.range() method is used to create an array of numbers progressing from the given start value up to, but not including the end value. A step of -1 is used if a negative value of start is specified without an end or step. If the end is not specified, it's set to start with the start and then s 2 min read Lodash _.rangeRight() Method Lodash _.rangeRight() method is used to create an array of numbers progressing from the given start value to the given, but not including, the given end value. It populates the values in descending order. A step value of -1 is used if a negative start is specified without an end or step. If the end 2 min read Kotlin Ranges In Kotlin, a range is a collection of values defined by a start and an end point. Ranges are commonly used to represent a sequence of numbers or characters, and they are inclusive, meaning both the start and end values are part of the range. By default, the step (the gap between consecutive values) 3 min read Like