Skip to main content
All docs
V25.1
  • DxSpinButtons Class

    Spin buttons that allow you to increase and decrease a value (can be added to the DxSpinEdit<T> only).

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    public class DxSpinButtons :
        SpinButtonsBase

    Remarks

    The DxSpinEdit<T> component shows the built-in buttons that increase/decrease a value. You can set the ShowSpinButtons property to false to hide these buttons.

    You can also add a custom spin buttons to the Spin editor:

    1. Add the <Buttons></Buttons> tag to the component’s markup to define the Buttons collection.
    2. Add a DxSpinButtons object.
    3. Set up button properties to customize the buttons:

    The following code snippet hides the built-in spin buttons, adds new spin buttons, and specifies their position.

    <DxSpinEdit Value="15" ShowSpinButtons="false">
            <Buttons>
                <DxSpinButtons Position="EditorButtonPosition.Left"/>
            </Buttons>
    </DxSpinEdit>
    

    Spin Edit - Command Button Position

    Inheritance

    Object
    ComponentBase
    DevExpress.Blazor.Internal.RenderComponentBase
    DevExpress.Blazor.Internal.Editors.DxEditorButtonBase
    DevExpress.Blazor.Internal.Editors.SpinButtonsBase
    DxSpinButtons
    See Also