<my-notifications-icon-button>

Usage

0. If you haven't already, go through the setup for the module.

1. Import the <my-notifications-icon-button> element somewhere in the javascript side of your web-app like this:

import '@darksoil-studio/notifications-zome/dist/elements/my-notifications-icon-button.js'

2. Use it in the html side of your web-app like this:

Lit

<my-notifications-icon-button>
</my-notifications-icon-button>

React

<my-notifications-icon-button>
</my-notifications-icon-button>

Angular

<my-notifications-icon-button>
</my-notifications-icon-button>

Vue

<my-notifications-icon-button>
</my-notifications-icon-button>

Svelte

<my-notifications-icon-button>
</my-notifications-icon-button>

WARNING

Like all the elements in this module, <my-notifications-icon-button> needs to be placed inside an initialized <notifications-context>.

Demo

Here is an interactive demo of the element:

API Reference

<my-notifications-icon-button> is a custom element, which means that it can be used in any web app or website. Here is the reference for its API: