Skip to content

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 ​

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