diff --git a/src/lib/InputGroup.svelte b/src/lib/InputGroup.svelte
new file mode 100644
index 0000000..9975592
--- /dev/null
+++ b/src/lib/InputGroup.svelte
@@ -0,0 +1,12 @@
+
+
+
{@render children?.()}
diff --git a/src/lib/index.ts b/src/lib/index.ts
index 6001173..181ea4d 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -5,6 +5,7 @@ export { default as Combobox } from './Combobox.svelte';
export { default as FramelessButton } from './FramelessButton.svelte';
export { default as InjectGoogleMaps } from './InjectGoogleMaps.svelte';
export { default as InjectUmami } from './InjectUmami.svelte';
+export { default as InputGroup } from './InputGroup.svelte';
export { default as Label } from './Label.svelte';
export { default as Link } from './Link.svelte';
export { default as PhoneInput } from './PhoneInput.svelte';
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 7c9e2a1..339ee89 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -4,6 +4,7 @@
import Combobox from '$lib/Combobox.svelte';
import Dateinput from '$lib/Dateinput.svelte';
import FramelessButton from '$lib/FramelessButton.svelte';
+ import InputGroup from '$lib/InputGroup.svelte';
import Link from '$lib/Link.svelte';
import PhoneInput from '$lib/PhoneInput.svelte';
import PinInput from '$lib/PinInput.svelte';
@@ -117,8 +118,10 @@
Styled Raw Input, Text Input
-
-
+
+
+
+