> For the complete documentation index, see [llms.txt](https://docs2.bunifuframework.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs2.bunifuframework.com/docs/ui/controls/bunifu-thin-button-1.5.3.md).

# Bunifu Thin Button (1.5.3)

Modern stylish outline button control

Easily create a modern stylish outline button that blends well with your design using Bunifu Thin Button.

##  **Adding Bunifu Thin Button at Design Time**

Ensure you have imported Bunifu controls to your toolbox. If not import the required dlls and add them to your toolbox. 

After that, locate Bunifu Thin Button in the toolbox then drag to your form 

![](https://downloads.intercomcdn.com/i/o/73195384/924e6aff257afa6040bfd2a7/Screenshot_14%5B1%5D.png)

## Adding Bunifu Thin Button at Run Time

We will use the Load event to exemplify the way we can add Bunifu Thin Button on our form at Run Time

{% tabs %}
{% tab title="C#" %}

```csharp
private void Form1_Load(object sender, EventArgs e)
{
   
   var button = new Bunifu.Framework.UI.BunifuThinButton2();    
   this.Controls.Add(button);
   
}
```

{% endtab %}

{% tab title="VB.NET" %}

```
Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load

    Dim button As New Bunifu.Framework.UI.BunifuThinButton2 
    Controls.Add(button)

End Sub
```

{% endtab %}
{% endtabs %}

## **Border Properties**

### **`ActiveBorderThickness`**

This property allows you to set the border thickness of the button when it is in default state

### **`ActiveCornerRadius`**

This property allows you to define the roundness of the corners of the button when it is in active mode

### **`IdleBorderThickness`**

This property allows you to set the border thickness of the button when on default

###  **`IdleCornerRadius`**

This property allows you to set the corner radius of the button when on default

## **Color Properties**

### **`ActiveFillColor`**

This property allows you to define the background color of the button when in active mode

### **`ActiveForecolor`**

This property allows you to set the text or font color of the button when in active mode

### **`ActiveLineColor`**

This property allows you to set the color of the border line when the button is in active mode

### **`IdleFillColor`**

This property allows you to set the background color of the button when in idle mode

### **`IdleForeColor`**

This property allows you to set the foreground color, text or font color of the button when in idle mode

### **`IdleLineColor`**

This property allows you to define the color of the border line when in idle mode

Below is an example of customized Bunifu Thin Button.<br>

![](https://downloads.intercomcdn.com/i/o/73198240/4d6dbaf528a1fed6355f6881/Screenshot_15%5B1%5D.png)

That's it!&#x20;

We hope you will find Bunifu Thin Button useful and that it will help you create better user experience for your users.&#x20;

Should you have feedback or suggestions please send us via chat on the bottom right corner of the screen.&#x20;