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:81

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:83

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:85

ARIA label for screen readers

Inherited fromโ€‹

AccessibilityProperties.aria-label


aria-labelledby?โ€‹

readonly optional aria-labelledby?: string

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

ARIA labelledby reference for complex labeling

Inherited fromโ€‹

AccessibilityProperties.aria-labelledby


aria-level?โ€‹

readonly optional aria-level?: number

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

ARIA heading level for elements using role="heading"

Inherited fromโ€‹

AccessibilityProperties.aria-level


role?โ€‹

readonly optional role?: string

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

Role attribute for semantic meaning

Inherited fromโ€‹

AccessibilityProperties.role


tabIndex?โ€‹

readonly optional tabIndex?: number

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

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" | "email" | "password"

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:94

Current value of the input