TextInput

A wrapper around the base Input that automatically adjusts the layout to keep the focused field visible when the on-screen keyboard appears. Accepts standard HTML input props (value, onChange, placeholder, type, etc.).

Examples

tsx

import {TextInput} from '@shopify/shop-minis-react'

export default function MyComponent() {

return <TextInput placeholder="Enter your name" />

}

Preview

Was this page helpful?