Create a new carousel

To create a new carousel, call the createDesign method and provide a callback function to handle the export data:


editor?.createDesign((data: ExportData) => {
    console.log(data);
    // You can perform additional operations with the data, such as saving or displaying the carousel
});

Edit an existing carousel

To edit an existing carousel, call the editDesign method and provide the carousel ID and a callback function to handle the export data:


editor?.editDesign('your-carousel-id', (data: ExportData) => {
    console.log(data);
    // You can perform additional operations with the data, such as updating the existing carousel
});

Replace your-carousel-id with the actual ID of the carousel you want to edit.

Understanding the ExportData type

The callback function receives an ExportData object, which contains the following properties:


interface ExportData {
    id: string;           // Unique identifier for the content
    name: string;         // User-defined content name
    size: string;         // Aspect ratio (e.g., "16:9", "1:1", "9:16")
    type: string;         // Export format: "pdf", "png", or "mp4"
    data: Blob | Blob[];  // File data - single Blob for PDF/MP4, Blob array for PNG
}

You can use the provided data to save, display, or perform any other operations with the carousel.