Action
Actions can be used to add functionality to components like data tables. They can navigate to another view or perform an in-page action, such as displaying a share overlay.
Props
type?: "button" | "link" | "route"
The type of button.
Default: button
disabled?: boolean
Disable the button.
icon?: FluxIconName
The icon at the end of the button.
is-destructive?: boolean
Indicates that the action is a destructive action.
is-loading?: boolean
Shows a loading state within the button instead of the icon at the start.
is-submit?: boolean
Indicates that the button is a submit button. This will enable form submission.
label?: string
The label that is shown in the button.
tabindex?: string | number
The tabindex of the button, works exactly the same as html.
href?: string
This prop is enabled if the button's type is set to link. It's the same as the <a> HTML element.
rel?: string
This prop is enabled if the button's type is set to link. It's the same as the <a> HTML element.
target?: string
This prop is enabled if the button's type is set to link. It's the same as the <a> HTML element.
to?: FluxTo
This prop is enabled if the button's type is set to route. This integrates with Vue Router.
Emits
click: [MouseEvent]
Triggered when the button is clicked.
mouseenter: [MouseEvent]
Triggered when the button is being hovered.
mouseleave: [MouseEvent]
Triggered when the button is not being hovered anymore.
Examples
Todo