Buttons & Toggles

Assembly: TheTechIdea.Beep.WPF.Controls · XAML namespace: xmlns:beep="clr-namespace:TheTechIdea.Beep.WPF.Controls;assembly=TheTechIdea.Beep.WPF.Controls"

Chrome knobs. Every control on this page exposes ControlStyle (BeepControlStyle) and Theme (string). These are CLR wrappers over the inherited BeepChrome attached properties, not DependencyProperties of the control itself, so they are omitted from the per-control tables below.

BeepButton

The primary command button — a themed native Button with a WinForms-style Text convenience wrapper and per-state background overrides.

Base type: class BeepButton : Button

Property	Type	Description
Text	string	WinForms-style text wrapper; kept in sync with the inherited `Content` so the native render surface shows the same string. Bindable.
HoverBackColor	Brush	Background brush used while the pointer is over the button.
PressedBackColor	Brush	Background brush used while the button is pressed.
FocusBackColor	Brush	Background brush used while the button holds keyboard focus.
DisabledBackColor	Brush	Background brush used while the button is disabled.

<beep:BeepButton Text="Save" ControlStyle="Material3" Click="OnSave"/>

BeepAdvancedButton

A themeable button variant for richer chrome scenarios; behaviourally a native Button whose look is driven entirely by the active skin.

Base type: class BeepAdvancedButton : Button, IBeepThemeable

No own DependencyProperties — it inherits Click, Content, IsEnabled and the rest from Button, and exposes only the ControlStyle / Theme chrome knobs.

<beep:BeepAdvancedButton Content="Advanced" ControlStyle="Fluent"/>

BeepChevronButton

A chevron / disclosure button used for expanders, breadcrumbs and "show more" affordances. The chevron glyph is drawn by the skin template.

Base type: class BeepChevronButton : Button, IBeepThemeable

No own DependencyProperties — chrome and the chevron come from the skin; behaviour is the inherited Button contract plus the ControlStyle / Theme knobs.

<beep:BeepChevronButton ControlStyle="Apple" Click="OnExpand"/>

BeepCircularButton

A round icon/action button (FAB-style) for compact, high-emphasis actions. The circular shape and radius come from the skin.

Base type: class BeepCircularButton : Button, IBeepThemeable

No own DependencyProperties — it is a native Button shaped by its skin template and the ControlStyle / Theme knobs.

<beep:BeepCircularButton Content="+" ControlStyle="Material3" Width="48" Height="48"/>

BeepToggle

A two-state toggle rendered from a ContentControl. The XAML template binds an inner ToggleButton two-way to IsChecked.

Base type: class BeepToggle : ContentControl

Property	Type	Description
IsChecked	bool	The on/off state. Binds two-way by default and affects render.

<beep:BeepToggle IsChecked="{Binding IsEnabled, Mode=TwoWay}" ControlStyle="Dracula"/>

BeepToggleSwitch

A themed switch that is a native ToggleButton — so IsChecked, Checked/Unchecked and command support are all inherited unchanged.

Base type: class BeepToggleSwitch : ToggleButton

No own DependencyProperties — IsChecked and the toggle events come straight from ToggleButton; the switch look is the skin plus the ControlStyle / Theme knobs.

<beep:BeepToggleSwitch IsChecked="{Binding DarkMode}" ControlStyle="Fluent"/>

BeepSwitch

An iOS-style two-state switch built on ContentControl; the template binds an inner ToggleButton two-way to IsChecked.

Base type: class BeepSwitch : ContentControl

Property	Type	Description
IsChecked	bool	The on/off state. Binds two-way by default and affects render.

<beep:BeepSwitch IsChecked="{Binding NotificationsOn, Mode=TwoWay}" ControlStyle="Apple"/>

On this page