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.v24.2.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:
   • CssClass
   • Position
   • Visible
   • and so on

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>

Implements

IComponent

IHandleAfterRender

IHandleEvent

IDisposable

Inheritance

Object

ComponentBase

DevExpress.Blazor.Internal.RenderComponentBase

DevExpress.Blazor.Internal.Editors.DxEditorButtonBase

DevExpress.Blazor.Internal.Editors.SpinButtonsBase

DxSpinButtons