Skip to content

BlockItem ​

Interface defining the structure of a draggable block element in the Stripo Email Editor blocks panel.

typescript
interface BlockItem {
    name: string;
    title: string;
    iconSrc: string;
    description: string;
    disabled?: boolean;
}

Description ​

The BlockItem interface represents a single draggable block element that appears in the Stripo Email Editor blocks panel. Each block item contains metadata about the block, including its visual representation, textual information, and interaction state.

Import ​

typescript
import { BlockItem } from '@stripoinc/ui-editor-extensions';

Properties ​

name ​

Unique internal identifier for the block type.

typescript
name: string

Type ​

string


title ​

User-friendly display title shown in the blocks panel.

typescript
title: string

Type ​

string


iconSrc ​

URL to the block's icon image or image content.

typescript
iconSrc: string

Type ​

string

description ​

Detailed description of the block's purpose and functionality.

typescript
description: string

Type ​

string


disabled ​

Controls whether the block can be dragged and used.

typescript
disabled: boolean

Type ​

boolean