Icon Slide Button

Show Preview
Icon Slide Button

About Icon Slide Button

Customization -

The Icon Slide Button is designed with simplicity and flexibility in mind.All key visual and interaction settings can be adjusted directly from the properties panel.

Link

Assign a URL, page, or section anchor to define the button’s destination.

Button Title

Sets the text displayed inside the button.

New Tab

Controls whether the link opens in a new browser tab.

Smooth Scroll

Enables smooth scrolling behavior for section-based navigation.

Font Size

Adjusts the size of the button label.

Button Radius

Defines the corner radius of the button.Higher values create a pill-style appearance.

Background Color

Sets the default background color of the button.

Background Hover Color

Defines the background color on hover.

Text Color

Sets the default text color.

Text Hover Color

Defines the text color on hover.

Fill Color

Controls the fill color of the animated icon container.

Icon Color

Sets the default icon color.

Icon Hover Fill

Defines the icon fill color on hover.

Designed For -

  • Easy drop-in usage

  • No code required

  • Clean hover interactions

  • Light & dark UI compatibility