QuickAction

QuickAction provides quick access buttons for commonly used actions, typically appearing in floating menus, cards, or toolbars. The most common scenario is the "back to top" button located at the bottom-right corner.

Basic

Only Icon

Icon-only quick action button for minimalist design

Horizontal Icon List

Horizontal icon list for quick actions, suitable for feature display

Collapse Icons Group

Collapsible icon group for quick actions, saving space

Fixed Center

Fixed centered quick action button for highlighting functionality

Hover Trigger

Hover-triggered quick actions for enhanced interaction

Click Trigger

Click-triggered quick actions for quick access

Enter Animation

Bounce In

Quick actions with bounce-in effect for enhanced dynamics

Code snippet not found, please check if the component name is correct

Slide Elegant

Quick actions with elegant sliding effect for improved user experience

Code snippet not found, please check if the component name is correct

Slide Animation

Quick actions with slide animation for dynamic effect

Code snippet not found, please check if the component name is correct

Scale Animation

Quick actions with scale animation for enhanced visual impact

Code snippet not found, please check if the component name is correct

Content Animation

Collapse Slide Items

Quick actions with collapsible sliding items for dynamic content

Code snippet not found, please check if the component name is correct

Collapse Scale Items

Quick actions with collapsible scaling items for enhanced user interaction

Code snippet not found, please check if the component name is correct

Stagger Items

Quick action items with staggered animation for dynamic experience

Code snippet not found, please check if the component name is correct

Scene

Back To Top

Back-to-top quick action button for improved navigation experience

Code snippet not found, please check if the component name is correct

Trigger By Event

Event-triggered quick actions for enhanced interactivity

Code snippet not found, please check if the component name is correct

Drag And Drop

Drag-and-drop supported quick actions for complex interactions

Code snippet not found, please check if the component name is correct