KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agent #developer-tools #codex #typescript #cli #deepseek-harness #claude-code #ai-agents #mcp #rust

Avalonia.RangeSlider

★ 52 Open GitHub ↗

RangeSlider for AvaloniaUI

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[nuget]: https://www.nuget.org/packages/RangeSlider.Avalonia

# RangeSlider.Avalonia

---

![](https://raw.githubusercontent.com/DmitryNizhebovsky/Avalonia.RangeSlider/master/Images/SampleApp.png)

[![nuget](https://img.shields.io/nuget/v/RangeSlider.Avalonia?label=Nuget&style=flat-square)][nuget]
[![nuget](https://img.shields.io/nuget/dt/RangeSlider.Avalonia?color=blue&label=Downloads&style=flat-square)][nuget]

---

# Overview
This library provides a RangeSlider control with the following features:

- Orientation\
    RangeSlider support horizontal and vertical orientation

- IsSnapToTickEnabled\
    If set to true, thumbs will snap to ticks like in standard Slider

- IsThumbOverlap\
    If set to true, it allows the thumbs to overlap each other

`IsThumbOverlap=True`\
    ![](https://raw.githubusercontent.com/DmitryNizhebovsky/Avalonia.RangeSlider/master/Images/IsThumbOverlap_true.gif)

`IsThumbOverlap=False`\
    ![](https://raw.githubusercontent.com/DmitryNizhebovsky/Avalonia.RangeSlider/master/Images/IsThumbOverlap_false.gif)

- MoveWholeRange\
    If set to true, allows you to move the selected range as a whole by pulling the area between thumbs

`MoveWholeRange=True`\
    ![](https://raw.githubusercontent.com/DmitryNizhebovsky/Avalonia.RangeSlider/master/Images/MoveWholeRange_true.gif)

- TickBars and Tickplacement\
    RangeSlider support displaying/hiding ticks and change its ticks width according to minimum and maximum values changed

# Getting started

1. Add [RangeSlider.Avalonia][nuget] nuget package to your project:

dotnet add package RangeSlider.Avalonia

2. Edit `App.xaml` file:

```xml
<Application ...
    xmlns:themes="using:RangeSlider.Avalonia.Themes.Fluent"
    ...>

<Application.Styles>
		<themes:RangeSliderTheme />
	</Application.Styles>
	
</Application>
```

3. Add RangeSlider in your view

```xml
 <Window ...
    xmlns:rs="using:RangeSlider.Avalonia.Controls"
    ...>
    
    <Grid>
       <rs:RangeSlider Minimum="0" Maximum="100" LowerSelectedValue="25" UpperSelectedValue="75" IsThumbOverlap="True"/>
    </Grid>
 </Window>
```

---

### License
RangeSlider.Avalonia is licensed under the [MIT license](LICENSE.md).

Avalonia.RangeSlider

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README