---
title: "LinePaintProps | 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.

# Type Alias LinePaintProps

type LinePaintProps \= {  
    ["line-blur"](#line-blur): [DataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataDrivenProperty/)<number\>;  
    ["line-color"](#line-color): [DataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataDrivenProperty/)<[Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)\>;  
    ["line-dasharray"](#line-dasharray): [CrossFadedDataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.CrossFadedDataDrivenProperty/)<number\[\]\>;  
    ["line-gap-width"](#line-gap-width): [DataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataDrivenProperty/)<number\>;  
    ["line-gradient"](#line-gradient): [ColorRampProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.ColorRampProperty/);  
    ["line-offset"](#line-offset): [DataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataDrivenProperty/)<number\>;  
    ["line-opacity"](#line-opacity): [DataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataDrivenProperty/)<number\>;  
    ["line-pattern"](#line-pattern): [CrossFadedDataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.CrossFadedDataDrivenProperty/)<[ResolvedImage](https://docs.maptiler.com/sdk-js/api-reference/classes/ResolvedImage/)\>;  
    ["line-translate"](#line-translate): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<\[number, number\]\>;  
    ["line-translate-anchor"](#line-translate-anchor): [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<"map" | "viewport"\>;  
    ["line-width"](#line-width): [DataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataDrivenProperty/)<number\>;  
}

##### Index

### Properties[](#properties)

[line-blur](#line-blur) [line-color](#line-color) [line-dasharray](#line-dasharray) [line-gap-width](#line-gap-width) [line-gradient](#line-gradient) [line-offset](#line-offset) [line-opacity](#line-opacity) [line-pattern](#line-pattern) [line-translate](#line-translate) [line-translate-anchor](#line-translate-anchor) [line-width](#line-width)

## Properties[](#properties-1)

### line-blur[](#line-blur)

"line-blur": [DataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataDrivenProperty/)<number\>

### line-color[](#line-color)

"line-color": [DataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataDrivenProperty/)<[Color](https://docs.maptiler.com/sdk-js/api-reference/classes/Color/)\>

### line-dasharray[](#line-dasharray)

"line-dasharray": [CrossFadedDataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.CrossFadedDataDrivenProperty/)<number\[\]\>

### line-gap-width[](#line-gap-width)

"line-gap-width": [DataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataDrivenProperty/)<number\>

### line-gradient[](#line-gradient)

"line-gradient": [ColorRampProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.ColorRampProperty/)

### line-offset[](#line-offset)

"line-offset": [DataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataDrivenProperty/)<number\>

### line-opacity[](#line-opacity)

"line-opacity": [DataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataDrivenProperty/)<number\>

### line-pattern[](#line-pattern)

"line-pattern": [CrossFadedDataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.CrossFadedDataDrivenProperty/)<[ResolvedImage](https://docs.maptiler.com/sdk-js/api-reference/classes/ResolvedImage/)\>

### line-translate[](#line-translate)

"line-translate": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<\[number, number\]\>

### line-translate-anchor[](#line-translate-anchor)

"line-translate-anchor": [DataConstantProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataConstantProperty/)<"map" | "viewport"\>

### line-width[](#line-width)

"line-width": [DataDrivenProperty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.DataDrivenProperty/)<number\>