Skip to content

Property ​

Name
Items
ActiveIndex
ShowMarker
ShowIndex
ScaleTick
ItemGap
MarkerLength
MarkerGap
TickScale
MaxShift
ProximityRadius
Smoothing
Falloff
MarkerColor
TextColor
AccentColor

Events ​

Name
ItemClick

Example ​

xml
<dev:LineSidebar x:Name="Sidebar" ActiveIndex="0" ItemClick="Sidebar_ItemClick" />
csharp
Sidebar.Items = new List<string> { "Overview", "Features", "Pricing", "Contact" };

private void Sidebar_ItemClick(LineSidebar sender, LineSidebarItemClickEventArgs args)
{
    var index = args.Index;
    var label = args.Label;
}

WARNING

Items is an IList<string>. Changing the list instance rebuilds the control, so assign a new list instead of modifying the existing one.

WARNING

ProximityRadius, MaxShift, ItemGap, MarkerLength, MarkerGap are in pixels and Smoothing is in milliseconds.

LineSidebar

Demo ​

you can run demo and see this feature.

Released under the MIT License.