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.2.dll

NuGet Package : DevExpress.Blazor

Declaration

public class DxSpinButtons :
    SpinButtonsBase

Remarks

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

You can also add 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
• Orientation
• Position
• Visible
• and so on

The following code snippet hides built-in spin buttons, adds custom 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

See Also

DxSpinButtons Members

DevExpress.Blazor Namespace