Input

Renders a form input field

Was this example helpful?

Usage#


Code
import { Input } from "@medusajs/ui"
Code
<Input placeholder="Placeholder" id="input-id" />

API Reference#


This component is based on the input element and supports all of its props

PropTypeDefault
size
"base"
Was this page helpful?

Examples#


Password#

Was this example helpful?
Was this example helpful?

Disabled#

Was this example helpful?

Small#

Was this example helpful?

Error state#

You can leverage the native aria-invalid property to show an error state on your input:

Was this example helpful?