d1a1135328
* docs: create a new UI docs project (#13233) * docs: create a new UI docs project * fix installation errors * docs: migrate UI docs content to new project (#13241) * Fix content * added examples for some components * finish adding examples * lint fix * fix build errors * delete empty files * path fixes + refactor * fix build error
19 lines
444 B
TypeScript
19 lines
444 B
TypeScript
import { Input } from "@medusajs/ui"
|
|
import { useState } from "react"
|
|
|
|
export default function InputControlled() {
|
|
const [value, setValue] = useState("")
|
|
|
|
return (
|
|
<div className="flex flex-col items-center gap-2">
|
|
<Input
|
|
value={value}
|
|
onChange={(e) => setValue(e.target.value)}
|
|
placeholder="Enter name"
|
|
id="controlled-input"
|
|
/>
|
|
{value && <span>Hello, {value}!</span>}
|
|
</div>
|
|
)
|
|
}
|