BeepChevronButton
Directional chevron button with checkable toggle state, arrow cycling, ripple effect, and 3 visual variants
Overview
BeepChevronButton draws an arrow/chevron button with configurable direction and size. Supports a checkable toggle state, arrow direction cycling on click, ripple animation, and three visual variants (Default, Subtle, Outlined).
Namespace: TheTechIdea.Beep.Winform.Controls
Inheritance: BaseControl → BeepChevronButton
Properties
| Property | Type | Default | Description |
|---|---|---|---|
Direction | ChevronDirection | Right | Arrow direction: Left, Right, Up, Down. |
Variant | ChevronButtonVariant | Default | Visual style: Default, Subtle, Outlined. |
ButtonSize | ChevronButtonSize | Normal | Size: Small, Normal, Large. |
IsChecked | bool | false | Toggle state (persisted). |
IsCheckable | bool | true | Enables checked/unchecked toggle behavior. |
AllowArrowDirectionCycle | bool | true | Clicking cycles the arrow direction. |
ShowRipple | bool | true | Enables click ripple animation. |
ReducedMotion | bool | false | Disables animations for accessibility. |
ImagePath | string | "" | Optional icon to display next to the chevron. |
Variants
| Variant | Description |
|---|---|
Default | Filled background chevron, standard appearance. |
Subtle | Minimal border-only, disappears when not focused. |
Outlined | Border outline with transparent fill. |
Examples
Expand/Collapse Toggle
var chevron = new BeepChevronButton { Direction = ChevronDirection.Right, IsCheckable = true };
chevron.Click += (s, e) => {
panel.Visible = chevron.IsChecked;
chevron.Direction = chevron.IsChecked ? ChevronDirection.Down : ChevronDirection.Right;
};