---
url: https://plugin.stripo.email/extensions/reference/types/BlockItem.md
---
# 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`