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

- - + + + +