TldrawUiSelect

See source code
Table of contents

A select dropdown component.

Example

<TldrawUiSelect id="my-select" value={value} onValueChange={setValue}>
  <TldrawUiSelectTrigger>
    <TldrawUiSelectValue placeholder="Select..." />
  </TldrawUiSelectTrigger>
  <TldrawUiSelectContent>
    <TldrawUiSelectItem value="one" label="One" />
    <TldrawUiSelectItem value="two" label="Two" />
  </TldrawUiSelectContent>
</TldrawUiSelect>

Properties

"aria-label"

optional
'aria-label'?: string

"data-testid"

optional
'data-testid'?: string

children

children: React.ReactNode

className

optional
className?: string

disabled

optional
disabled?: boolean

id

id: string

onOpenChange

optional

Parameters

NameDescription

isOpen

boolean

Returns

void

onValueChange

Parameters

NameDescription

value

string

Returns

void

value

value: string

Prev
TldrawUiRow
Next
TldrawUiSelectContent