Forum Moderators: open
<script async custom-element="amp-user-notification" src="https://cdn.ampproject.org/v0/amp-user-notification-0.1.js"></script>
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<link rel="canonical" href="https://ampbyexample.com/components/amp-user-notification/">
<style amp-custom>
footer {
margin-bottom: 50px;
}
amp-user-notification {
padding: 8px;
background: beige;
}
</style>
<amp-user-notification layout=nodisplay
id="amp-user-notification1">
This is an amp-user-notification. It uses local storage to store the dismissed state.
<button on="tap:amp-user-notification1.dismiss">I accept</button>
</amp-user-notification>
This is an amp-user-notification. It uses local storage to store the dismissed state.
</body>
</html>