GradientBorder
Overview
Applies a gradient effect to a border. You can also draw the border as a dashed line. Use it for accents like a highlighted card or a premium badge border.
Properties
| Property | Description | Value | Default |
|---|---|---|---|
strokeWidth | Sets the thickness of the border line. The line is inset by half its thickness. | Number (0 or greater) | 2.0 |
radius | Sets the corner radius of the border rectangle. | Number (0 or greater) | 0.0 |
gradient | Sets the gradient that fills the border line. It spans the entire border area. | Gradient | Linear gradient from white to red |
dashEnabled | Turn it on to draw the border as a dashed line, or off for a solid line. | On / Off | Off |
dashWidth | Sets the length of one dash. Applies only when dashes are on. | Number (1.0 or greater) | 6.0 |
dashGap | Sets the gap between dashes. Applies only when dashes are on. | Number (0 or greater) | 4.0 |