Input

Renders a form input field

Was this example helpful?

Usage#

Code
import { Input } from "@medusajs/ui"

Code
<Input placeholder="Placeholder" id="input-id" />

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

Prop	Type	Default
`size`	`"small"` \|`"base"`	`"base"`

Was this page helpful?

Was this example helpful?

Was this example helpful?

Was this example helpful?

Was this example helpful?

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

Was this example helpful?