<tags-for-tagged>

Usage

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

1. Import the <tags-for-tagged> element somewhere in the javascript side of your web-app like this:

import '@darksoil-studio/tags/dist/elements/tags-for-tagged.js'

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

Lit

<tags-for-tagged .tagged=${ tagged }>
</tags-for-tagged>

React

<tags-for-tagged tagged={ tagged }>
</tags-for-tagged>

Angular

<tags-for-tagged [tagged]="tagged">
</tags-for-tagged>

Vue

<tags-for-tagged :tagged="tagged">
</tags-for-tagged>

Svelte

<tags-for-tagged tagged={encodeHashToBase64(tagged)}>
</tags-for-tagged>

WARNING

Like all the elements in this module, <tags-for-tagged> needs to be placed inside an initialized <tags-context>.

Demo

Here is an interactive demo of the element:

API Reference

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