Interface NumberInputBoxProps

interface NumberInputBoxProps {
    "aria-label"?: string;
    autoComplete?: TextBoxAutoCompleteValue;
    autoFocus?: boolean;
    defaultValue?: string;
    disabled?: boolean;
    form?: string;
    integerOnly?: boolean;
    list?: string;
    max?: number;
    maxLength?: number;
    min?: number;
    minLength?: number;
    name?: string;
    onChange?: (value: undefined | number) => void;
    onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
    pattern?: string;
    placeholder?: string;
    ref?: Ref<HTMLInputElement>;
    required?: boolean;
    size?: "medium" | "small" | "large";
    textTransform?: "uppercase";
    title?: string;
    type?:
        | "search"
        | "text"
        | "tel"
        | "url"
        | "email"
        | "date"
        | "password"
        | "datetime-local";
    value?: number;
}

Hierarchy

  • Omit<TextBoxProps, "inputMode" | "onChange" | "value" | "min" | "max">
    • NumberInputBoxProps

Properties

aria-label? autoComplete? autoFocus? defaultValue? disabled? form? integerOnly? list? max? maxLength? min? minLength? name? onChange? onKeyDown? pattern? placeholder? ref? required? size? textTransform? title? type? value?

Properties

Optionalaria-label

"aria-label"?: string

OptionalautoComplete

autoComplete?: TextBoxAutoCompleteValue

OptionalautoFocus

autoFocus?: boolean

OptionaldefaultValue

defaultValue?: string

Optionaldisabled

disabled?: boolean

Optionalform

form?: string

OptionalintegerOnly

integerOnly?: boolean

Optionallist

list?: string

Used for datalists. May be removed in the future. We still need to evaluate if this is a good way to do it.

Optionalmax

max?: number

OptionalmaxLength

maxLength?: number

Optionalmin

min?: number

OptionalminLength

minLength?: number

Optionalname

name?: string

OptionalonChange

onChange?: (value: undefined | number) => void

OptionalonKeyDown

onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void

Optionalpattern

pattern?: string

Optionalplaceholder

placeholder?: string

Try to avoid using placeholders as labels:

Example: Consider using this instead:

	<TextBoxLabel label="Betreff">
		<TextBox />
	</TextBoxLabel>

Optional Internalref

ref?: Ref<HTMLInputElement>

Remarks

For internal use only.

Optionalrequired

required?: boolean

Optionalsize

size?: "medium" | "small" | "large"

OptionaltextTransform

textTransform?: "uppercase"

Optionaltitle

title?: string

Optionaltype

type?:
    | "search"
    | "text"
    | "tel"
    | "url"
    | "email"
    | "date"
    | "password"
    | "datetime-local"

Remarks

  • Don't use date or datetime-local. Use the DateInput component instead.

Optionalvalue

value?: number

Settings

Member Visibility

On This Page

Properties