From 9e3137547a3835e8971c02df1ccba83da5e8e4ba Mon Sep 17 00:00:00 2001 From: Tommaso Allegretti Date: Tue, 27 Aug 2024 21:54:01 +0200 Subject: [PATCH 1/2] Docs: add Border radius section for Input-group --- site/content/docs/5.3/forms/input-group.md | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/site/content/docs/5.3/forms/input-group.md b/site/content/docs/5.3/forms/input-group.md index d984a485bc..3dc8ee392a 100644 --- a/site/content/docs/5.3/forms/input-group.md +++ b/site/content/docs/5.3/forms/input-group.md @@ -59,6 +59,18 @@ Input groups wrap by default via `flex-wrap: wrap` in order to accommodate custo {{< /example >}} +## Border radius + +The `border-radius` is only applied to the first and last children of the element with the `.input-group` class. Any non-visible element in one of those positions will cause the `border-radius` to appear with no style. + +{{< example >}} +
+ @ + + +
+{{< /example >}} + ## Sizing Add the relative form sizing classes to the `.input-group` itself and contents within will automatically resize—no need for repeating the form control size classes on each element. From 09860f631cb4708dace272e44a7d1667a9ed3648 Mon Sep 17 00:00:00 2001 From: Tommaso Allegretti Date: Tue, 27 Aug 2024 22:16:43 +0200 Subject: [PATCH 2/2] Docs: update input-group border-radius documentation --- site/content/docs/5.3/forms/input-group.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/content/docs/5.3/forms/input-group.md b/site/content/docs/5.3/forms/input-group.md index 3dc8ee392a..f9f66a4d3d 100644 --- a/site/content/docs/5.3/forms/input-group.md +++ b/site/content/docs/5.3/forms/input-group.md @@ -67,7 +67,7 @@ The `border-radius` is only applied to the first and last children of the elemen
@ - +
{{< /example >}}