From f258f55e9d6eed7d743ea2a54614acf8db3196ac Mon Sep 17 00:00:00 2001
From: Galip Tolga Erdem <galiperdem@gmail.com>
Date: Wed, 10 Jun 2020 13:02:06 +0300
Subject: [PATCH] Create Button-groups.md

---
 .../AspNetCore/Tag-Helpers/Button-groups.md   | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 docs/en/UI/AspNetCore/Tag-Helpers/Button-groups.md

diff --git a/docs/en/UI/AspNetCore/Tag-Helpers/Button-groups.md b/docs/en/UI/AspNetCore/Tag-Helpers/Button-groups.md
new file mode 100644
index 0000000000..93865e0d74
--- /dev/null
+++ b/docs/en/UI/AspNetCore/Tag-Helpers/Button-groups.md
@@ -0,0 +1,37 @@
+# Button groups
+
+## Introduction
+
+`abp-button-group` is the main container for grouped button elements.
+
+Basic usage:
+
+````csharp
+<abp-button-group>
+    <abp-button button-type="Secondary">Left</abp-button>
+    <abp-button button-type="Secondary">Middle</abp-button>
+    <abp-button button-type="Secondary">Right</abp-button>
+</abp-button-group>
+````
+
+## Demo
+
+See the [button groups demo page](https://bootstrap-taghelpers.abp.io/Components/Button-groups) to see it in action.
+
+## Attributes
+
+### direction
+
+A value indicates the direction of the buttons. Should be one of the following values:
+
+* `Horizontal` (default value)
+* `Vertical`
+
+### size
+
+A value indicates the size of the buttons in the group. Should be one of the following values:
+
+* `Default` (default value)
+* `Small`
+* `Medium`
+* `Large`