ProvidedNumberFieldMessageProps

remarks: @since 2.5.0

Hierarchy

ProvidedNumberFieldProps
Pick<ProvidedTextFieldMessageProps, "messageProps">
- ProvidedNumberFieldMessageProps

Index

Properties

Optional aria-describedby

aria-describedby?: string

Identifies the element (or elements) that describes the object.

see: aria-labelledby

error

error: boolean

Boolean if the text field should gain the error state and update the colors.

id

id: string

The id for the text field. This is required for accessibility.

Optional max

max?: number

An optional max value for the number field.

Optional maxLength

maxLength?: number

messageProps

messageProps: ProvidedFormMessageProps

These props will be defined as long as the disableMessage prop is not true from the useTextField hook.

Optional min

min?: number

An optional min value for the number field.

Optional minLength

minLength?: number

onBlur

onBlur: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>

onChange

onChange: FormEventHandler<HTMLInputElement | HTMLTextAreaElement>

Optional pattern

pattern?: string

Optional required

required?: boolean

Optional rightChildren

rightChildren?: ReactNode

An optional addon to apply to the right of the text field. This should be a clickable button such as a password field toggle or a reset button for the field.

Optional step

step?: number

An optional step amount to use.

Note: The min and max values must be divisible by this value when any are defined.

Optional theme

theme?: FormTheme

The current theme type.

type

type: "number"

Always set the TextField type to number.

value

value: string

The value to use for the text field. This will make the component controlled and require the onChange prop to be provided as well otherwise this will act as a read only text field.