DropdownMenu

None namespace

packages/tldraw/src/index.ts

Methods

CheckboxItem

Public function

function CheckboxItem({
  children,
  onSelect,
  ...rest
}: DropdownMenuCheckboxItemProps): import('react/jsx-runtime').JSX.Element

DropdownMenuCheckboxItemProps

import('react/jsx-runtime').JSX.Element

DropdownMenuCheckboxItemProps

packages/tldraw/src/lib/ui/components/primitives/DropdownMenu.tsx

Content

Public function

function Content({
  side,
  align,
  sideOffset,
  alignOffset,
  children,
}: {
  children: any
  alignOffset?: number
  sideOffset?: number
  align?: 'center' | 'end' | 'start'
  side?: 'bottom' | 'left' | 'right' | 'top'
}): import('react/jsx-runtime').JSX.Element

{
  children: any
  alignOffset?: number
  sideOffset?: number
  align?: 'center' | 'end' | 'start'
  side?: 'bottom' | 'left' | 'right' | 'top'
}

import('react/jsx-runtime').JSX.Element

packages/tldraw/src/lib/ui/components/primitives/DropdownMenu.tsx

Group

Public function

function Group({
  children,
  size,
}: {
  children: any
  size?: 'medium' | 'small' | 'tiny' | 'wide'
}): import('react/jsx-runtime').JSX.Element

{
  children: any
  size?: 'medium' | 'small' | 'tiny' | 'wide'
}

import('react/jsx-runtime').JSX.Element

packages/tldraw/src/lib/ui/components/primitives/DropdownMenu.tsx

Indicator

Public function

function Indicator(): import('react/jsx-runtime').JSX.Element

packages/tldraw/src/lib/ui/components/primitives/DropdownMenu.tsx

Item

Public function

function Item({
  noClose,
  ...props
}: DropdownMenuItemProps): import('react/jsx-runtime').JSX.Element

DropdownMenuItemProps

import('react/jsx-runtime').JSX.Element

DropdownMenuItemProps

packages/tldraw/src/lib/ui/components/primitives/DropdownMenu.tsx

RadioItem

Public function

function RadioItem({
  children,
  onSelect,
  ...rest
}: DropdownMenuCheckboxItemProps): import('react/jsx-runtime').JSX.Element

DropdownMenuCheckboxItemProps

import('react/jsx-runtime').JSX.Element

DropdownMenuCheckboxItemProps

packages/tldraw/src/lib/ui/components/primitives/DropdownMenu.tsx

Root

Public function

function Root({
  id,
  children,
  modal,
  debugOpen,
}: {
  id: string
  children: any
  modal?: boolean
  debugOpen?: boolean
}): import('react/jsx-runtime').JSX.Element

{
  id: string
  children: any
  modal?: boolean
  debugOpen?: boolean
}

import('react/jsx-runtime').JSX.Element

packages/tldraw/src/lib/ui/components/primitives/DropdownMenu.tsx

Sub

Public function

function Sub({
  id,
  children,
}: {
  id: string
  children: any
}): import('react/jsx-runtime').JSX.Element

{
  id: string
  children: any
}

import('react/jsx-runtime').JSX.Element

packages/tldraw/src/lib/ui/components/primitives/DropdownMenu.tsx

SubContent

Public function

function SubContent({
  alignOffset,
  sideOffset,
  children,
}: {
  alignOffset?: number
  sideOffset?: number
  children: any
}): import('react/jsx-runtime').JSX.Element

{
  alignOffset?: number
  sideOffset?: number
  children: any
}

import('react/jsx-runtime').JSX.Element

packages/tldraw/src/lib/ui/components/primitives/DropdownMenu.tsx

SubTrigger

Public function

function SubTrigger({
  label,
  'data-testid': testId,
  'data-direction': dataDirection,
}: {
  label: Exclude<string, TLUiTranslationKey> | TLUiTranslationKey
  'data-testid'?: string
  'data-direction'?: 'left' | 'right'
}): import('react/jsx-runtime').JSX.Element

{
  label:
    | Exclude<string, TLUiTranslationKey>
    | TLUiTranslationKey
  'data-testid'?: string
  'data-direction'?: 'left' | 'right'
}

import('react/jsx-runtime').JSX.Element

TLUiTranslationKey

packages/tldraw/src/lib/ui/components/primitives/DropdownMenu.tsx

Trigger

Public function

function Trigger({
  children,
  'data-testid': testId,
}: {
  children: any
  'data-testid'?: string
}): import('react/jsx-runtime').JSX.Element

{
  children: any
  'data-testid'?: string
}

import('react/jsx-runtime').JSX.Element

packages/tldraw/src/lib/ui/components/primitives/DropdownMenu.tsx