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