<note-detail>

Usage

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

1. Import the <note-detail> element somewhere in the javascript side of your web-app like this:

import '@darksoil-studio/notes/dist/elements/note-detail.js'

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

Lit

<note-detail .noteHash=${ noteHash }>
</note-detail>

React

<note-detail noteHash={ noteHash }>
</note-detail>

Angular

<note-detail [noteHash]="noteHash">
</note-detail>

Vue

<note-detail :noteHash="noteHash">
</note-detail>

Svelte

<note-detail note-hash={encodeHashToBase64(noteHash)}>
</note-detail>

WARNING

Like all the elements in this module, <note-detail> needs to be placed inside an initialized <notes-context>.

Demo

Here is an interactive demo of the element:

API Reference

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