---
title: "ListItem | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/ListItem/"
---

# ListItem

> [`ListItem`](#listitem)

## Classes

### ListItem

#### Constructors

##### Constructor

```ts
new ListItem(): ListItem;
```

###### Returns

#### Properties

##### content

```ts
content: InlineElement[] = [];
```

##### nestedList

```ts
nestedList: 
  | OrderedList
  | UnorderedList;
```

##### style

```ts
style: ListItemStyle;
```

***

### ListItemStyle

#### Extends

- [`ListStyle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/ListStyle.md#liststyle)

#### Constructors

##### Constructor

```ts
new ListItemStyle(): ListItemStyle;
```

###### Returns

[`ListItemStyle`](#listitemstyle-1)

###### Inherited from

[`ListStyle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/ListStyle.md#liststyle).[`constructor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/ListStyle.md#constructor)

#### Properties

##### alignment?

```ts
optional alignment?: ParagraphAlignment;
```

##### firstLineIndent?

```ts
optional firstLineIndent?: NumericValue;
```

###### Inherited from

[`ListStyle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/ListStyle.md#liststyle).[`firstLineIndent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/ListStyle.md#firstlineindent)

##### fontSize

```ts
fontSize: NumericValue;
```

##### leftIndent?

```ts
optional leftIndent?: NumericValue;
```

###### Inherited from

[`ListStyle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/ListStyle.md#liststyle).[`leftIndent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/ListStyle.md#leftindent)

##### levelIndent?

```ts
optional levelIndent?: NumericValue;
```

###### Inherited from

[`ListStyle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/ListStyle.md#liststyle).[`levelIndent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/ListStyle.md#levelindent)

##### start?

```ts
optional start?: number;
```

##### tabPosition?

```ts
optional tabPosition?: number;
```

###### Inherited from

[`ListStyle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/ListStyle.md#liststyle).[`tabPosition`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/ListStyle.md#tabposition)

##### textIndent?

```ts
optional textIndent?: NumericValue;
```

###### Inherited from

[`ListStyle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/ListStyle.md#liststyle).[`textIndent`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/ListStyle.md#textindent)

#### Methods

##### isMatch()

```ts
isMatch(other): boolean;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `other` | [`ListStyle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/ListStyle.md#liststyle) |

###### Returns

`boolean`

###### Inherited from

[`ListStyle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/ListStyle.md#liststyle).[`isMatch`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-text/ListStyle.md#ismatch)