Scale

inprogress

    Overview

    The Scale component is a visual representation of a range of values. It can be used to display a scale of values in a user interface.

    When to use

    • When you need to represent a range of values in a compact, visual format.

    When to consider an alternative


    Component

    Default

    The default Scale component represents a range of values from start to end. Set the name prop to give each input the same name.

    Value

    States


    Properties

    Default

    PropertyTypeRequiredDefault
    utilClassNamesStringfalse-
    scaleRefShape
    { "current": "Any" }
    false-
    startNumberfalse-
    endNumberfalse-
    onChangeFuncfalse-
    nameStringfalse-
    errorBoolfalse-
    valueNumberfalse-