Interactive Button Element
Button style properties
These properties define the appearance and behavior of your interactive button, including colors, border styling, and corner rounding.
Button Style Settings
| Property | Description |
|---|---|
| Button Color | Select the background color of the button. You can choose a fixed color, gradient (two or three colors), texture, or pattern. See Using the color picker for more options. |
| Focus Button Color | Select the background color when the button becomes active or focused. Same color options apply as for Button Color. |
| Mouse Pointer | Specify the mouse pointer icon shown when hovering over the button (e.g., default pointer, hand). |
| Border Width | Set the thickness of the border in pixels. The border is drawn inside the button boundary. |
| Corner Radius | Create rounded corners for the button’s border. A higher value results in more rounded corners. |
Remarks
- The border is always drawn inside the element boundaries.
- Adding a border does not affect the overall size of the element but reduces the internal space, which may affect the displayed text or image.
- Use Focus Button Color to provide visual feedback when users interact with the button (e.g., when clicked or tabbed to).
Tip
- Use rounded corners and gradient colors for a modern, visually appealing button design.
- Consistent button styles across your presentation improve usability and aesthetic consistency.