UI Components
SketchAPI ships with three configurable UI panels. Enable, disable, or customize each one in your app config.
Table of Contents
Export Pane
Controls for saving, exporting, and sharing:
- DownloadPaneTrigger — Opens the download options pane
- DownloadRegion — Select a specific canvas area to export
- QuickDownload — One-click export in JPEG, PNG, PDF, SVG, or SKETCHPAD
- PrintPaneTrigger — Access print settings
- SharePaneTrigger — Share directly to supported platforms
Primary Toolbar
The main tool access bar. Positioned on the left by default, with RTL mirroring support.
Primary Commands
- select — Select and manipulate objects
- crop — Crop the canvas
- brush — Access brush tools
- shape — Access shape tools
- clipart — Insert clipart images
- text — Add and edit text
- fill — Use fill tools
- eraser — Erase parts of artwork
Secondary Commands
- newDocument — Create a new canvas
- openDocument — Open an existing file
- exportDocument — Export current project
- settings — Open settings pane
- userGuide — Access user guide
Settings Pane
Workspace preferences and configuration:
- LicensePanel — View and manage license
- PremiumNoticeToggle — Toggle premium feature notices
- SnapToGuidesToggle — Enable/disable guide snapping
- SurfacePanelTrigger — Canvas and surface settings
- AutoSaveToggle — Toggle auto-save
- PersistentStorageToggle — Toggle persistent storage
- PreferredSavePathSelector — Default save location
- GoogleDrivePanel — Google Drive integration
- HotkeysPanel — View and customize shortcuts
- LanguageSelector — Language preference
- MeasurementUnitsSelector — Units (px, in, cm)
- ThemePanel — Light and dark theme
Ready to build?