jamsrui_input_component_quickstart_with_labels_and_placeholders.ts

1import React from "react";
2import { Input } from "@jamsrui/input";
3
4export const InputExample = () => {
5  return (
6    <div className="flex flex-col gap-4">
7      <Input
8        label="Email"
9        placeholder="Enter your email"
10        type="email"
11        defaultValue="hello@example.com"
12      />
13      <Input
14        label="Password"
15        placeholder="Enter your password"
16        type="password"
17        variant="outlined"
18      />
19    </div>
20  );
21};
22
23export default InputExample;