Appearance

Updated on Aug 18, 2026

The SmartPasteButton provides a set of predefined appearance options that allow you to customize its look and feel.

• Configurator demo
• Size
• Border Radius
• Fill Mode
• Theme Colors
• Icons

Configurator demo

The following example demonstrates configuring the different aspects of the SmartPasteButton appearance through a configurator.

Example

View Source

Loading ...

Size

The size prop controls the overall size of the SmartPasteButton.

Example

View Source

Loading ...

Border Radius

The rounded prop controls the border radius of the SmartPasteButton.

Example

View Source

Loading ...

Fill Mode

The fillMode prop controls the fill style of the SmartPasteButton.

Example

View Source

Loading ...

Theme Colors

The themeColor prop controls the color scheme of the SmartPasteButton.

Example

View Source

Loading ...

Icons

You can add icons to the SmartPasteButton by using the icon or svgIcon prop.

Example

View Source

Loading ...