Appearance
BlockType
Comprehensive enum of all supported block types in the Stripo Email Editor.
typescript
enum BlockType
Description
BlockType
enumerates all available block types in the Stripo Email Editor, including default content blocks, container blocks, and custom block types. This enum is crucial for determining and handling the type of each block when configuring or managing controls for existing blocks in the editor.
Import
typescript
import { BlockType } from '@stripoinc/ui-editor-extensions';
Default Content Blocks
BLOCK_IMAGE
Image content block.
typescript
BLOCK_IMAGE = 'BLOCK_IMAGE'
Features: Image upload, alt text, links, responsive sizing
BLOCK_TEXT
Text content block.
typescript
BLOCK_TEXT = 'BLOCK_TEXT'
Features: Rich text editing, formatting, links, merge tags
BLOCK_BUTTON
Call-to-action button block.
typescript
BLOCK_BUTTON = 'BLOCK_BUTTON'
Features: Customizable styling, links, hover effects
BLOCK_SPACER
Vertical spacing block.
typescript
BLOCK_SPACER = 'BLOCK_SPACER'
Features: Adjustable height, responsive spacing
BLOCK_VIDEO
Video content block.
typescript
BLOCK_VIDEO = 'BLOCK_VIDEO'
Features: Video embedding, thumbnails, play buttons
BLOCK_SOCIAL
Social media links block.
typescript
BLOCK_SOCIAL = 'BLOCK_SOCIAL'
Features: Social icons, customizable networks, styling
BLOCK_BANNER
Banner section block.
typescript
BLOCK_BANNER = 'BLOCK_BANNER'
Features: Background images, overlays, text content
BLOCK_TIMER
Countdown timer block.
typescript
BLOCK_TIMER = 'BLOCK_TIMER'
Features: Dynamic countdown, customizable end time
BLOCK_MENU
Navigation menu block.
typescript
BLOCK_MENU = 'BLOCK_MENU'
Features: responsive menu
BLOCK_MENU_ITEM
Individual menu item within menu block.
typescript
BLOCK_MENU_ITEM = 'BLOCK_MENU_ITEM'
Features: Link, text, styling options
BLOCK_HTML
Custom HTML block.
typescript
BLOCK_HTML = 'BLOCK_HTML'
Features: Raw HTML input, code editor
AMP Blocks
BLOCK_AMP_CAROUSEL
AMP carousel component.
typescript
BLOCK_AMP_CAROUSEL = 'BLOCK_AMP_CAROUSEL'
Features: AMP-compatible image carousel
BLOCK_AMP_ACCORDION
AMP accordion component.
typescript
BLOCK_AMP_ACCORDION = 'BLOCK_AMP_ACCORDION'
Features: Collapsible content sections for AMP emails
BLOCK_AMP_FORM
AMP form component.
typescript
BLOCK_AMP_FORM = 'BLOCK_AMP_FORM'
Features: Interactive forms in AMP emails
Container Blocks
CONTAINER
Basic container for holding other blocks.
typescript
CONTAINER = 'CONTAINER'
Purpose: Column within structures, holds content blocks
STRUCTURE
Row structure containing containers.
typescript
STRUCTURE = 'STRUCTURE'
Purpose: Creates multi-column layouts
STRIPE
Top-level section container.
typescript
STRIPE = 'STRIPE'
Purpose: Full-width sections of the email
EMPTY_CONTAINER
Placeholder container with no content.
typescript
EMPTY_CONTAINER = 'EMPTY_CONTAINER'
Purpose: Drop zone for adding blocks