Button

Use the Button tab for look and motion.

• Shape: circle, rounded, square, or pill
• Size and icon size. Built-in icons are arrow, chevron, caret, angle, and circle
• Optional text label. If Show percent is on, the percent replaces the label
• Colors, hover colors, optional gradient, border, radius, shadow, and opacity
• Progress ring track, color, and thickness
• Optional dark mode colors when the device prefers a dark theme
• Entrance: none, fade, slide, or scale
• Tooltip and an optional accessible name. Empty uses Scroll to top

A custom SVG is sanitized. Script tags and remote links are removed. A media image replaces the icon when set.

If the icon and background are too close in contrast, the preview shows a warning. You can still save.