↗
↗
↗
↗
☰
LabeledInputFieldWeb
Web
A web-optimized variant of LabeledInputField that uses lower-cost measurement for placeholder positioning.
Import
tsx
Copy
import
{
LabeledInputFieldWeb
}
from
'react-native-cross-elements'
;
Basic usage
Preview
Code
labeled-input-field-web.tsx
Website
.com
Value: empty
Web note
✨
Prefer this component for web-heavy forms where the inline label layout is needed and you want a lighter implementation than the animated native-first variant.
Props
Prop
Type
Default
Description
onChange
req
(text: string) => void
—
Called when text changes.
inputConfig
req
InputConfig
—
TextInput props and web class hooks.
labelStyle
LabelInputStyle
—
Placeholder and filled-label styling.
leftComponent
ReactElement | (state) => ReactElement
—
Leading adornment.
rightComponent
ReactElement | (state) => ReactElement
—
Trailing adornment.
className
string
—
Web className for the input parent.