Table of Contents

EO.Wpf BareButton is a button that does not have any built-in background or border. This control is useful when you only need the click event of the button, but does not want any of the built-in looks of a button.

Because a BareButton does not have any built-in style, it is usually necessary for you to style it. For example, the following code creates a gray button. It also changes styles slightly when mouse moves over to the button.

<eo:BareButton Width="100" HorizontalAlignment="Left" BorderThickness="1" Padding="2" Content="Hello">
        <Style TargetType="{x:Type eo:BareButton}">
            <Setter Property="Cursor" Value="Hand"></Setter>
            <Setter Property="BorderBrush" Value="DarkGray"></Setter>
            <Setter Property="Background" Value="#f0f0f0"></Setter>
                <!-- Change background and border color when mouse is over the button -->
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="BorderBrush" Value="#606060"></Setter>
                    <Setter Property="Background" Value="#f8f8f8"></Setter>

The above code produces the following result:

The following image shows the button when mouse is over the button: