nuxt-x-affiliate
Quick Actions
Floating side menu of quick actions — save, share, copy, print, report issue.
Quick Actions
The XAFQuickActions component renders a vertical stack of round icon buttons fixed to the side of the viewport — save, share, copy link, print, report issue. Each action emits an action event with the action ID. Built-in actions: copy (writes window.location.href to clipboard) and print (calls window.print()).
Components
<XAFQuickActions />
<XAFQuickActions position="right" @action="onAction" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
actions | QuickAction[] | all 5 | Action list. Each carries id: 'save' | 'share' | 'copy' | 'print' | 'report', label, icon, optional enabled. |
position | 'right' | 'left' | 'right' | Side of the viewport. |
Events
| Event | Payload | Description |
|---|---|---|
action | { action: 'save' | 'share' | 'copy' | 'print' | 'report' } | Fired on any action click. copy and print also do their built-in behavior. |
Pass a custom actions array to swap in your own action set, or just rely on the default 5. The default actions render colored borders (amber for save, red for report) for visual distinction.
AI Context
component: XAFQuickActions
package: "@xenterprises/nuxt-x-affiliate"
use-when: Floating side menu of quick actions (save / share / copy / print / report) fixed to viewport side.