---
title: NotificationAction
slug: Web/API/NotificationAction
translation_of: Web/API/NotificationAction
---
<div>{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}</div>

<p><span class="seoSummary">A interface <code>NotificationAction</code> de <a href="/en-US/docs/Web/API/Notifications_API">Notifications API</a> é usada para representar botões de ação que o usuário pode clicar para intergair com as notificações. As aparências e as funcionalidades específicas dos botões variam entre plataformas, mas geralmente providenciam maneiras de mostrar ações assincronamente ao usuário, em forma de notificações.</span></p>

<h2 id="Propriedades">Propriedades</h2>

<h3 id="Propriedades_de_instância">Propriedades de instância</h3>

<p>Essas propriedades estão disponíveis somente para instâncias do objeto <code>Notification</code>.</p>

<dl>
 <dt>{{domxref("NotificationAction.action")}} {{readonlyinline}}</dt>
 <dd>O nome da ação, que pode ser usado para identificar a ação clicada, similiar a <a href="/en-US/docs/Web/API/Element/name">input names</a>.</dd>
 <dt>{{domxref("NotificationAction.title")}} {{readonlyinline}}</dt>
 <dd>Uma string descrevendo a ação que sera mosrada ao usuário.</dd>
 <dt>{{domxref("NotificationAction.icon")}} {{readonlyinline}}</dt>
 <dd>O URL da imagem usado para representar a notificação quando não houver espaço suficiente para mostrar a propria notificação.</dd>
</dl>

<h2 id="Exemplo">Exemplo</h2>

<p>Notifications can fire {{Event("notificationclick")}} events on the {{domxref("ServiceWorkerGlobalScope")}}.</p>

<p>Here a service worker shows a notification with a single "Archive" action, allowing users to perform this common task from the notification without having to open the website. The user can also click the main body of the notification to open their inbox instead.</p>

<pre class="brush: js">self.registration.showNotification("New mail from Alice", {
  actions: [
    {
      action: 'archive',
      title: 'Archive'
    }
  ]
});

self.addEventListener('notificationclick', function(event) {
  event.notification.close();
  if (event.action === 'archive') {
    // Archive action was clicked
    archiveEmail();
  } else {
    // Main body of notification was clicked
    clients.openWindow('/inbox');
  }
}, false);
</pre>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
  <tr>
   <td>{{SpecName('Web Notifications')}}</td>
   <td>{{Spec2('Web Notifications')}}</td>
   <td>Living standard</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility">Compatibilidade com navegadores</h2>



<p>{{Compat("api.Notification")}}</p>

<h2 id="See_also">See also</h2>

<ul>
 <li><a href="/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API">Using the Notifications API</a></li>
</ul>