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

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