Help

Input

A component that renders a form input field using Medusa's design system.

In this guide, you'll learn how to use the Input component.

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 helpful?

Was this example 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 guide helpful?