docs(button): add ButtonGroup example with input

Resolves #804

docs/content/2.elements/5.button.md

@@ -310,6 +310,23 @@ code: |
 :u-button{icon="i-heroicons-chevron-down-20-solid" color="gray"}
 ::
 
+This can also work with an [Input](/forms/input) component for example:
+
+::component-card{slug="ButtonGroup"}
+---
+props:
+  size: 'sm'
+  orientation: 'horizontal'
+code: |
+  <UInput />
+  <UButton icon="i-heroicons-clipboard-document" color="gray" />
+---
+
+#default
+:u-input
+:u-button{icon="i-heroicons-clipboard-document" color="gray"}
+::
+
 ## Slots
 
 ### `leading`