Glowup
INPUTS · 34 / 89
FormControl
FormControl — a Material You inputs component for React Native and web.
󱀫
packages/ui/src/components/FormControl.tsx
Live demo
Notifications
We only email about incidents.
Properties
5 controls
Label
Helper Text
Error Message
Required
Disabled
Usage
FormControl.tsx
<FormControl label="Notifications" />
Variants
The states and shapes this component is meant to be used in.
Around a checkbox
Terms
You can withdraw consent later.
Terms *
󰗖
You must accept the terms to continue.
Around a radio group
Invoice frequency *
Applies from the next billing cycle.
Disabled
`disabled` dims the whole group, control and supporting text together.
Storage quota
30
Fixed by your plan.
Workspace name
Shown on every invoice.
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
Props
8 on FormControlProps
children
required
React.ReactNode
disabled
boolean
default: false
error
string
Error text below the control. Its presence marks the group invalid.
helperText
string
Supporting text below the control; hidden while `error` is set.
label
string
required
boolean
default: false
style
StyleProp<ViewStyle>
testID
string
󰅁
Previous
PinInput
Next
DateTimePicker
󰅂