Stepper Painters
15 stepper painter styles — from Breadcrumb to Timeline, ProgressBar to Dots, with IStepperPainter contract
Table of Contents
Overview
Stepper painters control the visual rendering of step indicators in wizard-like flows. 15 painters cover diverse visual styles:
| Painter | Visual Style |
|---|---|
| ChevronBreadcrumbStepperPainter | Chevron-separated breadcrumb |
| SegmentedTabStepperPainter | Segmented tab control |
| CircularNodeStepperPainter | Numbered circles with lines |
| DotsStepperPainter | Dot indicators (mobile-style) |
| BadgeStatusStepperPainter | Badge-style status indicators |
| ProgressBarStepperPainter | Progress bar + step labels |
| GradientMaterialStepperPainter | Material gradient steps |
| VerticalTimelineStepperPainter | Vertical timeline |
| AlternatingTimelineStepperPainter | Alternating left/right timeline |
| IconTimelineStepperPainter | Timeline with icons |
| CompactInlineStepperPainter | Compact inline text |
| SquareDashedStepperPainter | Square steps with dashed lines |
| NoOpStepperPainter | No visible stepper |
All painters implement IStepperPainter. Selection via StepperPainterRegistry with StepperPainterNameConverter for string-based lookup.
Examples
var stepper = new BeepSteppperBar();
stepper.PainterName = "CircularNode";
// Renders: (1)─(2)─(3)─(4)
stepper.GoToStep(2);
// Step 1: completed (green), Step 2: active (blue)
stepper.PainterName = "ChevronBreadcrumb";
// Renders: Home > Products > Details > Confirm