dan/Portfolio
1
0
Fork 0
mirror of https://github.com/danbulant/Portfolio synced 2026-05-24 12:35:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add errors to textfield

Browse source
This commit is contained in:
EETagent 2022-11-25 16:23:49 +01:00
parent f61dfa6a8e
commit 8813e67237
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frontend/src/lib/components/textfield/TextField.svelte
View file

@ -7,14 +7,17 @@
export let value: string = '';
export let icon: boolean = false;
export let error: string = "";
</script>
<div class="mt-8 relative flex justify-center items-center">
<div class="relative flex justify-center items-center">
<input
class:error={error}
bind:value
on:click
on:keydown
on:keyup
on:change
class:withIcon={icon}
class="bg-[#f8fafb] w-full shadow-lg p-3 rounded-lg text-xl outline-none border transition-colors duration-300 hover:border-sspsBlue border-2"
use:typeAction
@ -28,7 +31,13 @@
</div>
<style>
div, input {
@apply w-full;
}
.withIcon {
@apply pr-14;
}
.error {
@apply border-red-700;
}
</style>