Skip to main content

TextInput
component

A wrapper around the base Input that automatically adjusts the layout to keep the focused field visible when the on-screen keyboard appears. You can view the Storybook for more interactive examples.

Was this section helpful?

TextInput

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

export default function MyComponent() {
return <TextInput placeholder="Enter your name" />
}

Preview