Skip to main content

Interface: ThemedInputProperties

Defined in: src/theme/components/ThemedInput.tsx:75

Properties for the ThemedInput component.

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


id?โ€‹

readonly optional id?: string;

Defined in: src/theme/components/ThemedInput.tsx:78

Unique identifier for the input element


max?โ€‹

readonly optional max?: string | number;

Defined in: src/theme/components/ThemedInput.tsx:80

Maximum value (for number inputs) or maximum length (for text inputs)


min?โ€‹

readonly optional min?: string | number;

Defined in: src/theme/components/ThemedInput.tsx:82

Minimum value (for number inputs) or minimum length (for text inputs)


onChange?โ€‹

readonly optional onChange?: ChangeWithEvent<HTMLInputElement>;

Defined in: src/theme/components/ThemedInput.tsx:84

Change handler for input value updates


placeholder?โ€‹

readonly optional placeholder?: string;

Defined in: src/theme/components/ThemedInput.tsx:86

Placeholder text displayed when input is empty


required?โ€‹

readonly optional required?: boolean;

Defined in: src/theme/components/ThemedInput.tsx:88

Whether the input is required for form validation


step?โ€‹

readonly optional step?: string | number;

Defined in: src/theme/components/ThemedInput.tsx:90

Step value for number inputs (incremental value)


type?โ€‹

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

Defined in: src/theme/components/ThemedInput.tsx:92

HTML input type attribute


value?โ€‹

readonly optional value?: string | number;

Defined in: src/theme/components/ThemedInput.tsx:99

Current value of the input