Skip to content
This plugin is new and currently in beta. For the stable version, please use the previous version of the plugin.

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