Theme Select

The Theme Select component allows users to choose a theme from a predefined list, supporting theming, accessibility, and flexible input handling.

Usage & Examples

default.tsx

<ThemeSelect/>

Theme Select props API
				Default	Description
`aria-describedby`	`string`	No	aria	`—`	Optional described-by reference.
`aria-description`	`string`	No	aria	`—`	Optional description for screen readers.
`aria-invalid`	`boolean`	No	aria	`—`	Marks the control invalid for assistive technology.
`aria-label`	`string`	No	aria	`—`	Optional accessible label for the theme select trigger/input.
`aria-labelledby`	`string`	No	aria	`—`	Optional labelled-by reference.
`aria-required`	`boolean`	No	aria	`—`	Marks the control required for assistive technology.
`data-testid`	`string`	No	testing	`—`	Backward-compatible alias for test ID attributes.
`disabled`	`boolean`	No	props	`false`	Whether the component is disabled.
`glass`	`boolean`	No	props	`configured default glass setting (fallback: false)`	Whether to apply the glass visual treatment.
`id`	`string`	No	props	`—`	HTML id applied to the relevant element.
`label`	`ReactNode`	No	props	`—`	Visible label content for the component.
`labelPosition`	`LabelPositionType`	No	props	`"top"`	Label Position prop for ThemeSelect.