Skip to main content

TextInput

A themeable, token-driven wrapper around React Native's TextInput.

<TextInput
placeholder="Enter your name"
bg="surface"
borderColor="border"
borderWidth={1}
rounded="r-2"
px="s-3"
py="s-2"
/>

Props

PropTypeDefaultDescription
bgTVajraColorsBackground color token.
borderColorTVajraColorsBorder color token.
roundedTRoundedTokenCorner radius token.
colorTVajraColorsText color token.
placeholderColorTVajraColorsPlaceholder text color token.
m / mx / my / mt / mb / ml / mrTSpacingTokenMargin tokens.
p / px / py / pt / pb / pl / prTSpacingTokenPadding tokens.
gapTSpacingTokenGap token.

Also accepts standard React Native TextInput props (placeholder, value, onChangeText, secureTextEntry, keyboardType, etc.), plus w, h, borderWidth, and fontSize/lineHeight/fontWeight/letterSpacing as raw values.