Back to Tldraw

UI primitives

apps/examples/src/examples/ui/ui-primitives/README.md

5.0.0833 B
Original Source

Showcase of tldraw's UI primitive components.


This example demonstrates the various UI primitive components available in the tldraw SDK. These components can be used to build custom panels, dialogs, and interfaces that match tldraw's design system.

The primitives shown include:

  • Buttons: TldrawUiButton with various types (normal, primary, danger, icon)
  • Dropdown menus: TldrawUiDropdownMenu* components for menus with items and submenus
  • Select: TldrawUiSelect for dropdown selection
  • Input: TldrawUiInput for text input
  • Slider: TldrawUiSlider for numeric values
  • Popover: TldrawUiPopover for floating content
  • Icons: TldrawUiIcon for displaying icons
  • Tooltips: TldrawUiTooltip for hover hints
  • Keyboard shortcuts: TldrawUiKbd for displaying key combinations