Contents

StrokeStyle

The object for defining the color, width, and style of a border or divider.

Declaration

object StrokeStyle

Properties

NameTypeDescription
colorColor

The stroke color.

stylestring

Defines the style of the stroke. Valid values:

  • solid (default): A solid stroke _______

  • dashed: A dashed stroke – – – – –

  • dotted: A dotted stroke ••••••••

width(SupportedUnits | number)

The width of the stroke line that can be either a number in points, or a string according to Specifying Measurements for Components.

Discussion

You can specify the color, width, and style (solid, dashed, or dotted) of a stroke. Such strokes have many uses, including component borders and divider components.

You can use this object in Border, Divider, TableRowStyle, TableColumnStyle, ConditionalTableRowStyle, and ConditionalTableColumnStyle.

Example

{
  "components": [
    {
      "role": "divider",
      "stroke": {
        "color": "black",
        "width": 1
      }
    }
  ]
}

See Also

Related Documentation

Component Style Basics