ShapeBox
Overview
Draws a speech-bubble shape box with a tail. Set the background color and border, plus the tail's direction and position. Use it for bubble-style tooltips or badge backgrounds, for example.
Properties
| Property | Description | Value | Default |
|---|---|---|---|
Size (width · height) | Sets the size of the area the bubble shape is drawn in. The Studio editing panel groups this into a single Size item where you set width and height together. When it's not set, the shape follows the size of the child content. | Number (0 or greater) - width and height | Not set |
direction | Sets the side the tail attaches to. Top and bottom draw a vertical bubble; left and right draw a horizontal one. | left, right, top, bottom | bottom |
color | Sets the fill color of the bubble body. | Color | Red |
radius | Sets how rounded the bubble's corners are. When it's not set, the corners stay sharp — and if the tail position is 0 or 100 while it's unset, the tail is drawn sharp as well. | Number | Not set |
lineWidth | Sets the thickness of the outline. Applies only when a border color is set. | Number (0 or greater) | 1.0 |
borderColor | Draws the shape's outline in this color when a value is set. No border is drawn when it's not set. | Color | Not set |
tailSize | Sets the size (length) of the tail. Anything over half the shape's height (vertical) or width (horizontal) is capped at that half value. | Number (0 or greater) | 10.0 |
tailVPos | Sets where the tail attaches along the side, as a percentage from 0 to 100. | 0 ~ 100 | 50.0 |