Skip to main content

Interface: StandardInputProperties

Defined in: shared/types/componentProps.ts:412

Input field properties combining form and interaction patterns.

Remarksโ€‹

This interface provides a standard template for input components with consistent typing and behavior patterns.

Hierarchyโ€‹

View Summary

Extendsโ€‹

Propertiesโ€‹

children?โ€‹

readonly optional children?: ReactNode;

Defined in: shared/types/componentProps.ts:36

Component content (text, elements, or other components)

Inherited fromโ€‹

CoreComponentProperties.children


className?โ€‹

readonly optional className?: string;

Defined in: shared/types/componentProps.ts:38

Additional CSS classes for styling customization

Inherited fromโ€‹

CoreComponentProperties.className


disabled?โ€‹

readonly optional disabled?: boolean;

Defined in: shared/types/componentProps.ts:40

Whether the component is disabled and non-interactive

Inherited fromโ€‹

CoreComponentProperties.disabled


aria-describedby?โ€‹

readonly optional aria-describedby?: string;

Defined in: shared/types/componentProps.ts:89

ARIA described-by reference for additional descriptions

Inherited fromโ€‹

AccessibilityProperties.aria-describedby


aria-disabled?โ€‹

readonly optional aria-disabled?: boolean;

Defined in: shared/types/componentProps.ts:91

ARIA disabled state for interactive controls that are visually disabled

Inherited fromโ€‹

AccessibilityProperties.aria-disabled


aria-label?โ€‹

readonly optional aria-label?: string;

Defined in: shared/types/componentProps.ts:93

ARIA label for screen readers

Inherited fromโ€‹

AccessibilityProperties.aria-label


aria-labelledby?โ€‹

readonly optional aria-labelledby?: string;

Defined in: shared/types/componentProps.ts:95

ARIA labelledby reference for complex labeling

Inherited fromโ€‹

AccessibilityProperties.aria-labelledby


aria-level?โ€‹

readonly optional aria-level?: number;

Defined in: shared/types/componentProps.ts:97

ARIA heading level for elements using role="heading"

Inherited fromโ€‹

AccessibilityProperties.aria-level


role?โ€‹

readonly optional role?: string;

Defined in: shared/types/componentProps.ts:99

Role attribute for semantic meaning

Inherited fromโ€‹

AccessibilityProperties.role


tabIndex?โ€‹

readonly optional tabIndex?: number;

Defined in: shared/types/componentProps.ts:101

Tab index for keyboard navigation

Inherited fromโ€‹

AccessibilityProperties.tabIndex


error?โ€‹

readonly optional error?: string;

Defined in: shared/types/componentProps.ts:183

Error message to display when validation fails

Inherited fromโ€‹

FormFieldBaseProperties.error


helpText?โ€‹

readonly optional helpText?: string;

Defined in: shared/types/componentProps.ts:185

Help text to provide guidance to users

Inherited fromโ€‹

FormFieldBaseProperties.helpText


idโ€‹

readonly id: string;

Defined in: shared/types/componentProps.ts:187

Unique identifier for the field (required for accessibility)

Inherited fromโ€‹

FormFieldBaseProperties.id


labelโ€‹

readonly label: string;

Defined in: shared/types/componentProps.ts:189

Label text to display for the field

Inherited fromโ€‹

FormFieldBaseProperties.label


required?โ€‹

readonly optional required?: boolean;

Defined in: shared/types/componentProps.ts:191

Whether the field is required for form submission

Inherited fromโ€‹

FormFieldBaseProperties.required


onBlur?โ€‹

readonly optional onBlur?: BlurHandler<HTMLInputElement>;

Defined in: shared/types/componentProps.ts:418

Blur event handler


onChangeโ€‹

readonly onChange: ChangeHandler;

Defined in: shared/types/componentProps.ts:420

Value change handler


onFocus?โ€‹

readonly optional onFocus?: FocusHandler<HTMLInputElement>;

Defined in: shared/types/componentProps.ts:422

Focus event handler


placeholder?โ€‹

readonly optional placeholder?: string;

Defined in: shared/types/componentProps.ts:424

Placeholder text for empty inputs


type?โ€‹

readonly optional type?: "number" | "url" | "text" | "password" | "email";

Defined in: shared/types/componentProps.ts:426

Input type for different input behaviors


valueโ€‹

readonly value: string;

Defined in: shared/types/componentProps.ts:433

Current input value