---
title: "Class: ModelComponent | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/classes/ObjectModel.ModelComponent/"
---

# Class: ModelComponent

> A basic component containing the name and ID of a component.

## Extended by

- [`Product`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/classes/ObjectModel.Product.md)
- [`Surface`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/classes/ObjectModel.Surface.md)
- [`PrintArea`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/classes/ObjectModel.PrintArea.md)
- [`Container`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/classes/ObjectModel.Container.md)
- [`SurfaceMockup`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/classes/ObjectModel.SurfaceMockup.md)
- [`Item`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/classes/ObjectModel.Item.md)

## Constructors

### Constructor

> **new ModelComponent**(`rawComponent`): `ModelComponent`

#### Parameters

##### rawComponent

#### Returns

`ModelComponent`

## Properties

### id

> **id**: `string`

A unique identifier.

***

### name

> **name**: `string`

The item name.