alexa
menu

Blazor

  • Code Examples
  • Upgrade Guide
  • User Guide
  • Demos
  • Support
  • Forums
  • Download

    Show / Hide Table of Contents

    Class SliderOrientation

    Defines the orientation options for the Slider component.

    Inheritance
    System.Object
    SliderOrientation
    Namespace: Syncfusion.Blazor.Inputs
    Assembly: Syncfusion.Blazor.dll
    Syntax
    public sealed class SliderOrientation : Enum
    Remarks

    The SliderOrientation enum specifies how the slider is oriented on the page. This affects both the visual layout and interaction behavior of the slider component.

    Examples
    <SfSlider TValue="int" Value="30" Min="0" Max="100" Orientation="SliderOrientation.Horizontal">
    </SfSlider>

    Fields

    Horizontal

    Renders the slider in horizontal orientation.

    Declaration
    public const SliderOrientation Horizontal
    Field Value
    Type
    SliderOrientation
    Remarks

    When set to Horizontal, the slider is displayed as a horizontal track from left to right. This is the default orientation and is suitable for most use cases where screen width is available.

    Vertical

    Renders the slider in vertical orientation.

    Declaration
    public const SliderOrientation Vertical
    Field Value
    Type
    SliderOrientation
    Remarks

    When set to Vertical, the slider is displayed as a vertical track from bottom to top. This orientation is useful when you have limited horizontal space or want to create a volume control-like interface.

    Back to top Generated by DocFX
    Copyright © 2001 - 2025 Syncfusion Inc. All Rights Reserved