From ef3ecaf99749d4c86fe725cd49f410e344ffd96e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Mon, 30 May 2022 07:27:48 +0200 Subject: [PATCH] Docs: Use example shortcode for all Button groups (#36450) --- .../docs/5.2/components/button-group.md | 172 ++++++++---------- 1 file changed, 80 insertions(+), 92 deletions(-) diff --git a/site/content/docs/5.2/components/button-group.md b/site/content/docs/5.2/components/button-group.md index 184ca4973a..e72855d5a9 100644 --- a/site/content/docs/5.2/components/button-group.md +++ b/site/content/docs/5.2/components/button-group.md @@ -143,31 +143,25 @@ Feel free to mix input groups with button groups in your toolbars. Similar to th Instead of applying button sizing classes to every button in a group, just add `.btn-group-*` to each `.btn-group`, including each one when nesting multiple groups. -
-
- - - -
-
-
- - - -
-
-
- - - -
+{{< example >}} +
+ + +
- -```html -
...
-
...
-
...
-``` +
+
+ + + +
+
+
+ + + +
+{{< /example >}} ## Nesting @@ -194,75 +188,69 @@ Place a `.btn-group` within another `.btn-group` when you want dropdown menus mi Make a set of buttons appear vertically stacked rather than horizontally. **Split button dropdowns are not supported here.** -
-
- - - - - - +{{< example >}} +
+ + + + + + +
+{{< /example >}} + +{{< example >}} +
+ + +
+ + +
+ + +
+ + +
+
+ + +
+
+ +
+{{< /example >}} -
-
- - -
- - -
- - -
- - -
-
- - -
-
- - -
-
+{{< example >}} +
+ + + + + +
- -
-
- - - - - - -
-
- -```html -
- ... -
-``` +{{< /example >}}