Interface: ThemedInputProperties

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

Properties for the ThemedInput component.

Extends

• AccessibilityProperties.CoreComponentProperties

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

ARIA described-by reference for additional descriptions

Inherited from

AccessibilityProperties.aria-describedby

---

aria-label?

readonly optional aria-label: string

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

ARIA label for screen readers

Inherited from

AccessibilityProperties.aria-label

---

aria-labelledby?

readonly optional aria-labelledby: string

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

ARIA labelledby reference for complex labeling

Inherited from

AccessibilityProperties.aria-labelledby

---

aria-level?

readonly optional aria-level: number

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

ARIA heading level for elements using role="heading"

Inherited from

AccessibilityProperties.aria-level

---

role?

readonly optional role: string

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

Role attribute for semantic meaning

Inherited from

AccessibilityProperties.role

---

tabIndex?

readonly optional tabIndex: number

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

Tab index for keyboard navigation

Inherited from

AccessibilityProperties.tabIndex

---

id?

readonly optional id: string

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

Unique identifier for the input element

---

max?

readonly optional max: string | number

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

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

---

min?

readonly optional min: string | number

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

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

---

onChange?

readonly optional onChange: ChangeWithEvent<HTMLInputElement>

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

Change handler for input value updates

---

placeholder?

readonly optional placeholder: string

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

Placeholder text displayed when input is empty

---

required?

readonly optional required: boolean

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

Whether the input is required for form validation

---

step?

readonly optional step: string | number

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

Step value for number inputs (incremental value)

---

type?

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

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

HTML input type attribute

---

value?

readonly optional value: string | number

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

Current value of the input