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

# Section

> - [`ISection`](#isection)

## Classes

### Section

#### Implements

#### Constructors

##### Constructor

```ts
new Section(length, center): Section;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `length` | `number` |
| `center` | `number` |

###### Returns

[`Section`](#section)

#### Accessors

##### center

###### Get Signature

```ts
get center(): number;
```

###### Returns

`number`

###### Implementation of

[`ISection`](#isection).[`center`](#center-1)

##### length

###### Get Signature

```ts
get length(): number;
```

###### Returns

`number`

###### Implementation of

[`ISection`](#isection).[`length`](#length-1)

#### Methods

##### fromAxisX()

```ts
static fromAxisX(rectangle): ISection;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `rectangle` | `RotatedRectangleF` |

###### Returns

[`ISection`](#isection)

##### fromAxisY()

```ts
static fromAxisY(rectangle): ISection;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `rectangle` | `RotatedRectangleF` |

###### Returns

[`ISection`](#isection)

## Interfaces

### ISection

#### Properties

##### center

```ts
readonly center: number;
```

##### length

```ts
readonly length: number;
```