---
title: "Transitionable | 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 Transitionable<Props>

#### Type Parameters

-   Props

##### Index

### Constructors[](#constructors)

[constructor](#constructor)

### Methods[](#methods)

[getTransition](#gettransition) [getValue](#getvalue) [hasProperty](#hasproperty) [serialize](#serialize) [setTransition](#settransition) [setValue](#setvalue) [transitioned](#transitioned) [untransitioned](#untransitioned)

## Constructors[](#constructors-1)

### constructor[](#constructor)

-   new Transitionable<[Props](#constructortransitionableprops)\>(  
        properties: [Properties](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Properties/)<[Props](#props)\>,  
        globalState: [Record](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.Record/)<string, any\>,  
    ): Transitionable<[Props](#props)\>[](#constructortransitionable)
    
    #### Type Parameters
    
    -   Props
    
    #### Parameters
    
    -   properties: [Properties](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Properties/)<[Props](#props)\>
    -   globalState: [Record](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.Record/)<string, any\>
    
    #### Returns Transitionable<[Props](#props)\>
    

## Methods[](#methods-1)

### getTransition[](#gettransition)

-   getTransition<[S](#gettransitions) extends string | number | symbol\>(  
        name: [S](#gettransitions),  
    ): void | [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)[](#gettransition-1)
    
    #### Type Parameters
    
    -   S extends string | number | symbol
    
    #### Parameters
    
    -   name: [S](#gettransitions)
    
    #### Returns void | [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)
    

### getValue[](#getvalue)

-   getValue<[S](#getvalues) extends string | number | symbol, [T](#getvaluet)\>(  
        name: [S](#getvalues),  
    ): void | [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<[T](#getvaluet)\>[](#getvalue-1)
    
    #### Type Parameters
    
    -   S extends string | number | symbol
    -   T
    
    #### Parameters
    
    -   name: [S](#getvalues)
    
    #### Returns void | [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<[T](#getvaluet)\>
    

### hasProperty[](#hasproperty)

-   hasProperty(name: string): boolean[](#hasproperty-1)
    
    #### Parameters
    
    -   name: string
    
    #### Returns boolean
    

### serialize[](#serialize)

-   serialize(): any[](#serialize-1)
    
    #### Returns any
    

### setTransition[](#settransition)

-   setTransition<[S](#settransitions) extends string | number | symbol\>(  
        name: [S](#settransitions),  
        value: void | [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/),  
    ): void[](#settransition-1)
    
    #### Type Parameters
    
    -   S extends string | number | symbol
    
    #### Parameters
    
    -   name: [S](#settransitions)
    -   value: void | [TransitionSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/TransitionSpecification/)
    
    #### Returns void
    

### setValue[](#setvalue)

-   setValue<[S](#setvalues) extends string | number | symbol, [T](#setvaluet)\>(  
        name: [S](#setvalues),  
        value: void | [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<[T](#setvaluet)\>,  
    ): void[](#setvalue-1)
    
    #### Type Parameters
    
    -   S extends string | number | symbol
    -   T
    
    #### Parameters
    
    -   name: [S](#setvalues)
    -   value: void | [PropertyValueSpecification](https://docs.maptiler.com/sdk-js/api-reference/types/PropertyValueSpecification/)<[T](#setvaluet)\>
    
    #### Returns void
    

### transitioned[](#transitioned)

-   transitioned(  
        parameters: [TransitionParameters](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.TransitionParameters/),  
        prior: [Transitioning](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Transitioning/)<[Props](#props)\>,  
    ): [Transitioning](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Transitioning/)<[Props](#props)\>[](#transitioned-1)
    
    #### Parameters
    
    -   parameters: [TransitionParameters](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.TransitionParameters/)
    -   prior: [Transitioning](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Transitioning/)<[Props](#props)\>
    
    #### Returns [Transitioning](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Transitioning/)<[Props](#props)\>
    

### untransitioned[](#untransitioned)

-   untransitioned(): [Transitioning](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Transitioning/)<[Props](#props)\>[](#untransitioned-1)
    
    #### Returns [Transitioning](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Transitioning/)<[Props](#props)\>