26 lines
692 B
Svelte
26 lines
692 B
Svelte
<script lang="ts">
|
|
import * as FormPrimitive from "formsnap";
|
|
import { cn } from "$lib/utils.js";
|
|
|
|
type $$Props = FormPrimitive.FieldErrorsProps & {
|
|
errorClasses?: string | undefined | null;
|
|
};
|
|
|
|
let className: $$Props["class"] = undefined;
|
|
export { className as class };
|
|
export let errorClasses: $$Props["class"] = undefined;
|
|
</script>
|
|
|
|
<FormPrimitive.FieldErrors
|
|
class={cn("text-sm font-medium text-destructive", className)}
|
|
{...$$restProps}
|
|
let:errors
|
|
let:fieldErrorsAttrs
|
|
let:errorAttrs
|
|
>
|
|
<slot {errors} {fieldErrorsAttrs} {errorAttrs}>
|
|
{#each errors as error}
|
|
<div {...errorAttrs} class={cn(errorClasses)}>{error}</div>
|
|
{/each}
|
|
</slot>
|
|
</FormPrimitive.FieldErrors>
|