Glowup
INPUTS · 23 / 89
Input
Every `TextInput` prop passes through, except the ones Input owns.
󱀫
packages/ui/src/components/Input.tsx
Live demo
User Name
Properties
7 controls
Label
Placeholder
Value
Error Message
Helper Text
Required
Disabled
Usage
Input.tsx
<Input label="User Name" value="" />
Variants
The states and shapes this component is meant to be used in.
Variants
Full name
Company
With icons
Work email
󰇰
Password
󰍁
󰛑
Net total
€
EUR
Validation states
VAT number *
11 digits, no country prefix.
VAT number *
󰗖
Must be exactly 11 digits.
Invoice reference
Shown on the PDF and the bank transfer.
Seats
Max 250 per workspace.
Multiline
Delivery notes
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
Props
17 on InputProps
Also accepts everything from Omit< TextInputProps, "style" | "value" | "onChangeText" | "editable" | "keyboardType" >.
Filter props
󰍉
onChangeText
required
(text: string) => void
value
required
string
disabled
boolean
error
string
helperText
string
Supporting text below the field; hidden while an error is shown.
label
string
leadingIcon
MaterialCommunityIconsGlyphs
minHeight
number
default: 56
onTrailingIconPress
() => void
precision
number
prefix
string
required
boolean
Marks the label with an asterisk.
style
StyleProp<ViewStyle>
suffix
string
trailingIcon
MaterialCommunityIconsGlyphs
type
"text" | "number"
default: "text"
variant
"outlined" | "filled"
default: "outlined"
󰅁
Previous
SplitButton
Next
Select
󰅂