SusWedgeSlider

Segmented “volume wedge” (rising bars). Click along the row to set filled segment count.

Package

SusKit · Atoms (commercial)

SusKit · Atoms

Props

Name	Type	Default
`Label`	`Prop<string>`	`""`	v-model
`Value`	`Prop<int>`	`0`
`Segments`	`Prop<int>`	`10`
`ShowValue`	`Prop<bool>`	`true`
`Disabled`	`Prop<bool>`	`false`	v-model
`ValueText`	`Prop<string>`	`"0"`	v-model

Slots

No slots.

Events

Name	Field	Payload
`Changed`	`OnChanged`	`int`

Style hooks

USS class contract — override appearance without touching C#. States toggle via these classes:

sus-wedge-slider
sus-wedge-slider__label
sus-wedge-slider__row
sus-wedge-slider__row--grow
sus-wedge-slider__seg
sus-wedge-slider__seg--h1
sus-wedge-slider__seg--h10
sus-wedge-slider__seg--h11
sus-wedge-slider__seg--h12
sus-wedge-slider__seg--h13
sus-wedge-slider__seg--h14
sus-wedge-slider__seg--h15
sus-wedge-slider__seg--h16
sus-wedge-slider__seg--h2
sus-wedge-slider__seg--h3
sus-wedge-slider__seg--h4
sus-wedge-slider__seg--h5
sus-wedge-slider__seg--h6
sus-wedge-slider__seg--h7
sus-wedge-slider__seg--h8
sus-wedge-slider__seg--h9
sus-wedge-slider__seg--on
sus-wedge-slider__value
sus-wedge-slider__wrap
sus-wedge-slider--disabled

Usage

csharp

var wedge = new SusWedgeSlider();
wedge.Bind("Volume", filled: 6, segments: 10);
wedge.ShowValue.Value = true;
wedge.OnChanged += n => { /* filled count */ };

Prop	Role
`Label`	Optional caption (`Bind` uppercases it)
`Value` / `Segments`	Filled count `0…Segments`
`ShowValue` / `ValueText`	Numeric readout (percent by default)
`Disabled`	Blocks input
`OnChanged`	`Action<int>`

Notes

Bind(label, filled, segments) sets Label, Segments, and clamped Value in one call.
ValueText auto-updates to a percent string when the fill changes.

SusWedgeSlider ​