Input

Renders a form input field

Was this example helpful?

Usage


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

API Reference


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

PropTypeDefault
size
"small"
|"base"
"base"
Was this section helpful?

Examples


Password

Was this example helpful?

Search

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?