Skip to main content

Interface: ThemedSelectProperties

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

Properties for the ThemedSelect component.

Hierarchyโ€‹

View Summary

Extendsโ€‹

Indexableโ€‹

[key: `data-${string}`]: string | number | boolean | undefined

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


fluid?โ€‹

readonly optional fluid?: boolean

Defined in: src/theme/components/ThemedSelect.tsx:81

Whether the select should expand to fill its container width


id?โ€‹

readonly optional id?: string

Defined in: src/theme/components/ThemedSelect.tsx:83

Unique identifier for the select element


name?โ€‹

readonly optional name?: string

Defined in: src/theme/components/ThemedSelect.tsx:85

Name attribute for form submissions


onBlur?โ€‹

readonly optional onBlur?: Focus<HTMLSelectElement>

Defined in: src/theme/components/ThemedSelect.tsx:87

Blur handler for the select element


onChange?โ€‹

readonly optional onChange?: ChangeWithEvent<HTMLSelectElement>

Defined in: src/theme/components/ThemedSelect.tsx:89

Change handler for selection updates


onClick?โ€‹

readonly optional onClick?: ClickWithEvent<HTMLSelectElement>

Defined in: src/theme/components/ThemedSelect.tsx:91

Click handler for the select element


onFocus?โ€‹

readonly optional onFocus?: Focus<HTMLSelectElement>

Defined in: src/theme/components/ThemedSelect.tsx:93

Focus handler for the select element


onMouseDown?โ€‹

readonly optional onMouseDown?: ClickWithEvent<HTMLSelectElement>

Defined in: src/theme/components/ThemedSelect.tsx:95

Mouse down handler for the select element


required?โ€‹

readonly optional required?: boolean

Defined in: src/theme/components/ThemedSelect.tsx:97

Whether the select is required for form validation


title?โ€‹

readonly optional title?: string

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

Tooltip text that appears on hover


tone?โ€‹

readonly optional tone?: ThemedControlTone

Defined in: src/theme/components/ThemedSelect.tsx:101

Visual tone applied to the control surface


value?โ€‹

readonly optional value?: string | number

Defined in: src/theme/components/ThemedSelect.tsx:103

Current selected value