From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001
From: Peter Bengtsson <mail@peterbe.com>
Date: Tue, 8 Dec 2020 14:42:52 -0500
Subject: initial commit

---
 files/pt-br/web/api/notificationaction/index.html | 79 +++++++++++++++++++++++
 1 file changed, 79 insertions(+)
 create mode 100644 files/pt-br/web/api/notificationaction/index.html

(limited to 'files/pt-br/web/api/notificationaction/index.html')

diff --git a/files/pt-br/web/api/notificationaction/index.html b/files/pt-br/web/api/notificationaction/index.html
new file mode 100644
index 0000000000..a7cb904ac5
--- /dev/null
+++ b/files/pt-br/web/api/notificationaction/index.html
@@ -0,0 +1,79 @@
+---
+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">Browser compatibility</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>
-- 
cgit v1.2.3-54-g00ecf