Pulse Dot
Pulse Dot displays a small animated dot. Use it as a visual accent beside text that explains the status or message.
Add and configure Pulse Dot
- Click Add, choose Pulse Dot, and place it in the container.
- Open Design > Pulse Dot.
- Configure the dot's appearance and animation controls.
- Place a Text element beside it when the dot represents a status.
- Save your changes.
This element has no children; use its own controls.
Controls
Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”
Design > Pulse Dot
| Setting | Purpose and options | Behavior |
|---|---|---|
| Color | Color or supported fill. | Shared |
| Size | Size and unit. | Responsive |
| Radius | Radius and unit. | Shared |
| Pulse Duration | Pulse duration and unit. | Responsive |
| Pulse Scale | Set pulse scale. Range: 1–3. | Responsive |
Troubleshooting
The dot is invisible
Check its size and color against the background.
The status depends on animation or color alone
Add a visible text label and ensure the meaning remains clear without the animation.