Class Placement

Defines the placement options for tick marks on the Slider component.

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

The Placement enum controls where tick marks are positioned relative to the slider track. Tick marks help users identify precise values and provide visual reference points along the slider range. The placement depends on the slider's orientation (horizontal or vertical).

Examples
<SfSlider TValue="int" Value="50">
    <SliderTicks Placement="Placement.Both" LargeStep="20" SmallStep="5" ShowSmallTicks="true">
    </SliderTicks>
</SfSlider>

Fields

After

Renders tick marks after the slider track.

Declaration
public const Placement After
Field Value
Type
Placement
Remarks

For horizontal sliders, After places tick marks below the track. For vertical sliders, After places tick marks to the right of the track. This placement is commonly used for traditional slider designs.

Before

Renders tick marks before the slider track.

Declaration
public const Placement Before
Field Value
Type
Placement
Remarks

For horizontal sliders, Before places tick marks above the track. For vertical sliders, Before places tick marks to the left of the track. This placement is useful when you want ticks on one side only for a cleaner appearance.

Both

Renders tick marks on both sides of the slider track.

Declaration
public const Placement Both
Field Value
Type
Placement
Remarks

When set to Both, tick marks appear on both sides of the slider track. This provides maximum visibility and is useful when the slider needs to be easily readable from different viewing angles or when emphasizing the precision of value selection.

None

Disables the rendering of tick marks.

Declaration
public const Placement None
Field Value
Type
Placement
Remarks

When set to None, no tick marks will be displayed on the slider. This provides a clean, minimal appearance when precise value indicators are not needed.