1
Fork 0
tildes-reextended/source/options/components/markdown-toolbar.tsx

28 lines
952 B
TypeScript
Raw Normal View History

2023-06-23 10:52:03 +00:00
import {type JSX} from "preact";
import {Link} from "../../utilities/exports.js";
import {Setting, type SettingProps} from "./index.js";
2023-06-23 10:52:03 +00:00
export function MarkdownToolbarSetting(props: SettingProps): JSX.Element {
return (
<Setting {...props}>
<p class="info">
Adds a toolbar with a selection of Markdown snippets that when used will
insert the according Markdown where your cursor is. Particularly useful
2023-06-23 10:52:03 +00:00
for the{" "}
<Link
url="https://docs.tildes.net/instructions/text-formatting#expandable-sections"
text="expandable section"
/>
/spoilerbox syntax. If you have text selected, the Markdown will be
inserted around your text.
2023-06-23 10:52:03 +00:00
<br />A full list of the snippets is available{" "}
<Link
url="https://gitlab.com/tildes-community/tildes-reextended/-/issues/12"
text="on GitLab"
/>
.
</p>
2023-06-23 10:52:03 +00:00
</Setting>
);
}