jamsr_ui_field_error_validation_message_quickstart.ts

1import React from "react";
2import { FieldError } from "@jamsr-ui/field-error";
3
4export const FieldErrorExample = () => {
5  const error = "This field is required";
6  return (
7    <div className="flex flex-col gap-1">
8      <label htmlFor="username">Username</label>
9      <input
10        id="username"
11        className="border p-2 rounded"
12        placeholder="Enter username"
13      />
14      <FieldError error={error} />
15    </div>
16  );
17};
18
19export default FieldErrorExample;