Types
Asset
Represents an asset that can be loaded into a full editor component, or loaded in for an image quick action.
Property
Type
Description
dataType
Type of data representation
data
string
Asset data in base 64 or in a blob URL
AssetType
String value used to define file format supported for design operations.
AssetDataType
AssetDataType can be used to define desired data type of an asset while using docConfig and outpuAsset.
- For image output types, host can set this property to either
base64, url. Default type for images is base64.
- For videos, we will always send output as
url irrespective of this property.
PublishParams
Asset-related information received with onPublish callback.
documentId
Unique identifier for the assets created/modified
exportButtonId
ID of the export button clicked
QuickActionPublishParams
Asset-related information received with onPublish callback in quick actions.
documentId
string generated for identifying the project
exportButtonId
id passed in the CustomExportButton at time of invoking openQuickAction
Callbacks
All the callbacks are optional and return void. Callbacks are defined in the appConfig object.
Property
Callback Function
Description
onCancel
() => {}
Triggered when user closes the modal
onError
() => {}
Triggered upon error with associated error code
onLoadStart
() => {}
Triggered once modal begins to load
onLoad
() => {}
Triggered once modal is loaded
onPublishStart
() => {}
Triggered when "Publish"/"Download" is clicked
onPublish
Triggered when publish/download is complete
CanvasAspectId
CanvasAspectId allows you to initializes the full editor loaded with canvas set to a particular size.
Canvas size
Value
Dimensions
Album cover
"AlbumCover"
750 x 750px
Banner print
"BannerPrint"
72 x 36in
Banner web
"BannerWeb"
1,200 x 1,000px
Blog graphic
"BlogGraphic"
800 x 1,200px
Blog header
"BlogHeader"
2,240 x 1,260px
Book cover
"BookCover"
1,410 x 2,250px
Bookmark
"Bookmark"
2 x 6in
Brochure
"Brochure"
11 x 8.5in
Business card
"BusinessCard"
3.5 x 2in
Calendar
"Calendar"
1,080 x 1,920px
Card greeting
"CardGreeting"
5 x 7in
Certificate
"Certificate"
11 x 8.5in
Checklist
"Checklist"
8.5 x 11in
Class schedule
"ClassSchedule"
11 x 8.5in
Comic strip
"ComicStrip"
11 x 8.5in
Concept map
"ConceptMap"
1,024 x 768px
Coupon sheet
"CouponSheet"
8.5 x 11in
Cover page
"CoverPage"
8.5 x 11in
Display ad
"DisplayAd"
300 x 600px
Divider page
"DividerPage"
8.5 x 11in
Ebook cover
"EbookCover"
1,600 x 2,560px
Email header
"EmailHeader"
600 x 200px
Etsy cover
"EtsyCover"
1,600 x 400px
Etsy shop banner
"EtsyShopBanner"
1,600 x 213px
Eventbrite event image
"EventbriteEventImage"
820 x 312px
Facebook
"Facebook"
1,080 x 1,080 px
Facebook ad
"FacebookAd"
1,080 x 1,080px
Facebook event cover
"FacebookEventCover"
1,200 x 630px
Facebook group cover
"FacebookGroupCover"
1,640 x 856px
Facebook page cover
"FacebookPageCover"
820 x 312px
Facebook profile cover
"FacebookProfileCover"
851 x 315px
Facebook shop cover
"FacebookShopCover"
1,600 x 1,200px
Facebook story
"FacebookStory"
1,080 x 1,920px
Flash card
"FlashCard"
5 x 3in
Flash card sheet
"FlashCardSheet"
8.5 x 11in
Gift certificate
"GiftCertificate"
8 x 3.75in
Gift tag
"GiftTag"
3.5 x 2in
Google classroom banner
"GoogleClassroomBanner"
1,000 x 250px
Graph
"Graph"
1,920 x 1,080 px
Graphic organizer
"GraphicOrganizer"
8.5 x 11in
ID card
"IdCard"
3.375 x 2.125in
Infographic
"Infographic"
800 x 2,000in
Instagram
"Instagram "
1,080 x 1,080px
Instagram ad
"InstagramAd"
1,080 x 1,350px
Instagram carousel post
"InstagramCarousel"
1,080 x 1,080px
Instagram post (landscape)
"InstagramLandscape"
1,080 x 602px
Instagram post (portrait)
"InstagramPostPortrait"
1,080 x 1,350px
Instagram reel
"InstagramReel"
1,080 x 1,920px
Instagram story
"InstagramStory"
1,080 x 1,920px
Instagram story ad
"InstagramStoryAd"
1,080 x 1,920px
Invitation
"Invitation"
5 x 7in
Invoice
"Invoice"
8.5 x 11in
Label sheet
"LabelSheet"
8.5 x 11in
Leaflet trifold
"LeafletTrifold"
210 x 297mm
Lesson plan
"LessonPlan"
8.5 x 11in
Letter
"Letter"
8.5 x 11in
Letterhead
"Letterhead"
8.5 x 11in
Line ad (small)
"LineAdSmall"
600 x 400 px
Line ad (square)
"LineAdSquare"
1,080 x 1,080px
Line ad (vertical)
"LineAdVertical"
1,080 x 1,920px
Line rich menu (large)
"LineRichMenuLarge"
2,500 x 1,686px
Line rich menu (small)
"LineRichMenuSmall"
2,500 x 843px
Line rich message
"LineRichMessage"
1,040 x 1,040px
LinkedIn post
"LinkedinPost"
1,920 x 1,920px
LinkedIn blog post
"LinkedInBlogPost"
1,200 x 628px
LinkedIn profile cover
"LinkedInProfileCover"
1,536 x 396px
Magazine
"Magazine"
8.5 x 11in
Media kit
"MediaKit"
8.5 x 11in
Meme
"Meme"
1,200 x 1,200px
Mindmap
"Mindmap"
1,024 x 768px
Mobile video
"MobileVideo"
1,080 x 1,920px
Newsletter
"Newsletter"
8.5 x 11in
Note header image
"NoteHeaderImage"
1,280 x 670px
Pamphlet
"Pamphlet"
8.5 x 11in
Photo book
"PhotoBook"
1,410 x 2,250px
Pinterest
"Pinterest"
1,000 x 500px
Pinterest idea pin
"PinterestIdeaPin"
1,080 x 1,920px
Pinterest (square)
"PinterestSquare"
600 x 600px
Pinterest (vertical)
"PinterestVertical"
600 x 900px
Planner
"Planner"
11 x 8.5in
Playlist cover
"PlaylistCover"
3,000 x 3,000px
Podcast cover
"PodcastCover"
3,000 x 3,000px
Postcard
"Postcard"
6 x 4in
Poster
"Poster"
11 x 17in
Presentation
"Presentation"
1,920 x 1,080px
Print ad
"PrintAd"
6 x 4in
Program
"Program"
8.5 x 11in
Proposal
"Proposal"
8.5 x 11in
Recipe card
"RecipeCard"
6 x 4in
Reddit cover
"RedditCover"
1,920 x 256px
Report
"Report"
8.5 x 11in
Report card
"ReportCard"
8.5 x 11in
Resume
"Resume"
8.5 x 11in
Rubric
"Rubric"
8.5 x 11in
Snapchat ad
"SnapchatAd"
1,080 x 1,920px
Snapchat story
"SnapchatStory"
1,080 x 1,920px
Soundcloud banner
"SoundcloudBanner"
2,480 x 520px
Table of contents
"TableOfContents"
8.5 x 11in
Ticket
"Ticket"
5.5 x 2in
Tiktok ad
"TiktokAd"
1,080 x 1,920px
Tiktok video
"TiktokVideo"
1,080 x 1,920px
T-shirt
"Tshirt"
14 x 18in
Tumblr banner
"TumblrBanner"
3,000 x 1,055px
Twitch banner
"TwitchBanner"
1,200 x 480px
Twitch overlay
"TwitchOverlay"
1,920 x 1,080px
Twitter
"Twitter"
1,200 x 675px
Twitter header
"TwitterHeader"
1,500 x 500px
Twitter video
"TwitterVideo"
1,920 x 1,080px
Video
"Video"
1,920 x 1,080px
Wallpaper (desktop)
"WallpaperDesktop"
1,920 x 1,080px
Wallpaper (mobile)
"WallpaperMobile"
1,080 x 1,920px
Worksheet
"Worksheet"
8.5 x 11in
YouTube channel art
"YouTubeChannelArt"
2,560 x 1,440px
YouTube display ads
"YoutubeDisplayAds"
300 x 60px
YouTube profile photo
"YoutubeProfilePhoto"
800 x 800px
YouTube shorts
"YoutubeShorts"
1,080 x 1,920px
YouTube thumbnail
"YoutubeThumbnail"
1,280 x 720px
YouTube video
"YoutubeVideo"
1,920 x 1,080px
YouTube video ad
"YoutubeVideoAd"
1,920 x 1,080px
Zoom background
"ZoomBackground"
1,920 x 1,080px
ContainerConfig
Parameters to define editor modal dialog UI constraints.
Property
Type
Description
size
Maximum size boundary of the iframe (in pixels)
minSize
Minimum size boundary of the iframe (in pixels)
padding
number
Padding applied to the iframe (in pixels)
borderRadius
number
Border radius applied to the iframe (in pixels)
showLoader
boolean
Show spinner while loading target app. Default is true.
loadTimeout
number
If target app does't open within this time (in ms, same as of setTimeout), the error callback is invoked with error code TARGET_LOAD_TIMED_OUT.
zIndex
number
Set the z-index of of the root container
EditorPanelView
Optional string value that determines if the left panel should open by default. You can also specify the panel view based on user intent. Full list below.
ExportOptions
Export options to surface to your user in the iframe. If no export options are specified, the editor falls back to the default layout options.
ExportOptions: ExportOption | ExportOptionGroup
ExportOption
Property
Type
Description
id
string
The id of the export button. On user export, this will be passed back as publishParams.exportButtonId
label
string
Localized text of the export button.
action
Object with property target (string) that can be either button or dropdown
style
object
Object with property uiType (string) that can be either button or dropdown (when the button is in a dropdown)
ExportAction
Property
Type
Description
target
string
The id of the export button. Can be download, publish, express (continue in full editor), image-module (continue with mini editor).
intent
Intent specifies a particular action to start at within the target surface. Relevant when target is express.
outputType
Desired asset type. For images, can be base64 (default) or url or blob. For videos, it will always be url irrespective of this property.
publishFileType
The file type of the asset to be published.
EditFurtherIntent
EditFurtherIntent
Target
Description
'add-text'
'express'
Opens to "Text" category in full editor
'add-icons-and-shapes'
'express'
Opens "Elements" category in full editor
'add-images'
'express'
Opens to "Media" category in full editor
'add-effects'
'express'
Opens "Search" category in full editor
ExportOptionGroup
Describes object that is used to render a group of buttons which will be shown as a dropdown under a parent button.
Property
Type
Description
type
"continue-editing"
Type of button (dropdown for continue editing)
label
string
Localized text of the button group
style
"button"
Buttons in button group.
options
Group of buttons in dropdown
FileType
String value determining output file type for asset.
Locale
The Adobe Express Embed SDK lets you customize the locale during initialization. The default value is 'en_US'. This determines the language setting for users experiencing SDK components.
'zh_Hans_CN'
Chinese (simplified)
'zh_Hant_TW'
Chinese (traditional)
OutputAsset
Passed to the onPublish callback in PublishParams. Extends the Asset type with 3 additional properties.
Property
Type
Description
type
Type of asset (image or video)
dataType
Type of data representation
data
base-64 string or Blob URL
Image/video data
fileType
Type of output asset
(optional) fileName
string
Name of output asset
(optional) size
Dimensions of output asset
Size
Allows you to define the canvas size of the project created in the full editor.
Property
Value
Description
width
number
minimum value = 0
height
number
minimum value = 0
unit
"px"/"in"/"mm"
pixels/inches/millimeters
TemplateType
Developers can pass the createDesign() method a TemplateType, for the user to start creating with. Browse "All templates" on Adobe Express to get an idea of each category.
Business card
"business-card"
Card greeting
"card-greeting"
Facebook post
"facebook-post"
Facebook profile cover
"facebook-profile-cover"
Facebook story
"facebook-story"
Graphic organizer
"graphic-organizer"
Infographic
"infographic"
Instagram carousel
"instagram-carousel"
Instagram story
"instagram-story"
Instagram square post
"instagram-square-post"
Instagram reel
"instagram-reel"
Line ad (small)
"line-ad-small"
Line ad (square)
"line-ad-square"
Line ad (vertical)
"line-ad-vertical"
Line rich menu (large)
"line-rich-menu-large"
Line rich menu (small)
"line-rich-menu-small"
Line rich message (vertical)
"line-rich-message"
LinkedIn profile cover
"linkedin-profile-cover"
Mobile video
"mobile-video"
Note header image
"note-header-image"
Presentation
"presentation"
Tiktok video
"tiktok-video"
Wallpaper (desktop)
"wallpaper-desktop"
YouTube profile photo
"youtube-profile-photo"
YouTube thumbnail
"youtube-thumbnail"
YouTube video
"youtube-video"