components/authorship/examples.tsx

Functions

Imports

It imports components/authorship/authorship.react.tsx. No module of this repo imports it.

Source

1// Mounts the React specimen: Authorship and Run, whose summary counts the words under each Run.
2import { StrictMode } from "react";
3import { createRoot } from "react-dom/client";
4import { Authorship, Run } from "./authorship.react.tsx";
5
6function Sample() {
7  return (
8    <Authorship remember={false}>
9      <Run kind="you" block>
10        <p>The mention queue came first. I wrote the first version in one evening.</p>
11      </Run>
12      <p>
13        <Run kind="you">I asked the agent for a tidier name, </Run>
14        <Run kind="ai">and it suggested the queue be called the inbox. </Run>
15        <Run kind="you">I kept queue.</Run>
16      </p>
17      <Run kind="quoted" block>
18        <p>Every mention is untrusted until a person has looked at it.</p>
19      </Run>
20    </Authorship>
21  );
22}
23
24for (const el of document.querySelectorAll<HTMLElement>("[data-mount='react']")) {
25  createRoot(el).render(
26    <StrictMode>
27      <Sample />
28    </StrictMode>,
29  );
30}