---
title: "Padding | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# Class Padding

A set of four numbers representing padding around a box. Create instances from bare arrays or numeric values using the static method `Padding.parse`.

#### Private[](#private)

##### Index

### Constructors[](#constructors)

[constructor](#constructor)

### Properties[](#properties)

[values](#values)

### Methods[](#methods)

[toString](#tostring) [interpolate](#interpolate) [parse](#parse)

## Constructors[](#constructors-1)

### constructor[](#constructor)

-   new Padding(values: \[number, number, number, number\]): Padding[](#constructorpadding)
    
    #### Parameters
    
    -   values: \[number, number, number, number\]
    
    #### Returns Padding
    

## Properties[](#properties-1)

### values[](#values)

values: \[number, number, number, number\]

Padding values are in CSS order: top, right, bottom, left

## Methods[](#methods-1)

### toString[](#tostring)

-   toString(): string[](#tostring-1)
    
    #### Returns string
    

### `Static`interpolate[](#interpolate)

-   interpolate(from: Padding, to: Padding, t: number): Padding[](#interpolate-1)
    
    #### Parameters
    
    -   from: Padding
    -   to: Padding
    -   t: number
    
    #### Returns Padding
    

### `Static`parse[](#parse)

-   parse(input?: number | number\[\] | Padding | null): Padding | undefined[](#parse-1)
    
    Numeric padding values
    
    #### Parameters
    
    -   `Optional`input: number | number\[\] | Padding | null
        
        A padding value
        
    
    #### Returns Padding | undefined
    
    A `Padding` instance, or `undefined` if the input is not a valid padding value.