---
schema_version: "1"
id: 152fd25975652da35e4b073ece893a59662ab6f17be112ec9f071aabf3427d8f
title: Lightning Quick Action
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/lightning-base-components/lightning-design-system/guides/aura/components/force/lightningQuickAction/force-lightning-quick-action.md
canonical_url: https://developer.salesforce.com/docs/platform/lightning-component-reference/guide/force-lightning-quick-action.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: cdb5ae18571294af157c95dd756b64cdce876a5f69bced1d06352b87d8aa28a1
products:
  - Lightning Component Reference
---
# Lightning Quick Action

**`force:lightningQuickAction`**

Indicates that a component can be used as a custom action.

**For Use In**

Lightning Experience, Salesforce Mobile App

::::::tabset{tabs='["Develop", "Specifications"]'}

:::::tab

Add the `force:lightningQuickAction` interface to an Aura component to allow it to be used as a custom action in Lightning Experience or the Salesforce mobile app. You can use these components as object-specific or global actions in both Lightning Experience and the Salesforce mobile app.

When used as actions, components that implement the `force:lightningQuickAction` interface display in a panel with standard action controls, such as a Cancel button. These components can display and implement their own controls in the body of the panel, but can’t affect the standard controls. They should nevertheless be prepared to handle events from the standard controls. If you implement `force:lightningQuickAction`, you can’t implement `force:lightningQuickActionWithoutHeader` within the same component.

This interface is a marker interface. A marker interface is a signal to the component’s container to add the interface’s behavior to the component. You don’t need to implement any specific methods or attributes in your component, you simply add the interface name to the component’s `implements` attribute.

## Example

```xml
<!--quickAdd.cmp-->
<aura:component implements="force:lightningQuickAction">

    <!-- Very simple addition -->

    <lightning:input type="number" name="myNumber" aura:id="num1" label="Number 1"/> +
    <lightning:input type="number" name="myNumber" aura:id="num2" label="Number 2"/>

    <br/>
    <lightning:button label="Add" onclick="{!c.clickAdd}"/>

</aura:component>
```

**tip:** If you use the `force:lightningQuickAction` interface, we recommend implementing the body of the panel only. The panel’s header, footer, and action controls are provided by Salesforce. To customize the entire panel or add your own header and footer, use the `force:lightningQuickActionWithoutHeader` interface.

For more information, and an example including controller code, see [Configure Components for Custom Actions](/HelpAndTrainingDoor?version=2&resource=https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/components_using_lex_s1_config_action.htm).


:::::

:::::tab

![No specifications to show](https://developer.salesforce.com/media/no-specs.png)


:::::

::::::