TLUiInputProps

interface TLUiInputProps {}

Properties

'aria-label'?: string

'data-testid'?: string

autoFocus?: boolean

autoSelect?: boolean

children?: React.ReactNode

className?: string

defaultValue?: string

disabled?: boolean

icon?: Exclude<string, TLUiIconType> | TLUiIconType

iconLabel?: Exclude<string, TLUiTranslationKey> | TLUiTranslationKey

iconLeft?: Exclude<string, TLUiIconType> | TLUiIconType

label?: Exclude<string, TLUiTranslationKey> | TLUiTranslationKey

placeholder?: string

Usually on iOS when you focus an input, the browser will adjust the viewport to bring the input into view. Sometimes this doesn't work properly though - for example, if the input is newly created, iOS seems to have a hard time adjusting the viewport for it. This prop allows you to opt-in to some extra code to manually bring the input into view when the visual viewport of the browser changes, but we don't want to use it everywhere because generally the native behavior looks nicer in scenarios where it's sufficient.

shouldManuallyMaintainScrollPositionWhenFocused?: boolean

value?: string

Methods

Parameters

string

Returns

void

Parameters

string

Returns

void

Parameters

string

Returns

void

Parameters

string

Returns

void