Field
An input used for entering text based information.
Importing
1
import { Field } from '@infinityfx/fluid';Usage
With annotation
Shape filter
API reference
Field Props
size?
'xsm' | 'sml' | 'med' | 'lrg'
'med'
variant?
'default' | 'minimal'
'default'
round?
boolean
false
icon?
React.ReactNode
Icon element displayed on the left side of the field.
error?
any
Marks the field as invalid when truthy.
left?
React.ReactNode
Static element shown before the input text.
right?
React.ReactNode
Static element shown after the input text.
shape?
string
Format pattern representing character constraints (e.g., %d for digits).
disabled?
boolean
false
onEnter?
() => void
Callback triggered when the user presses the Enter key whilst focussing the field.