Markdown
Renders Markdown from a user, a tracker or an agent as safe HTML. It runs on the server too, with no DOM, so pick it for any stored Markdown text.
- Markdown
PreviewLink to the section Preview
Live in all three themes. Everything here is interactive.
Light theme, Markdown
Release notes
The agent now resumes a chat from its session, so it remembers earlier answers. See the changelog for details.
- Work in a remote folder over
ssh -t
Raw HTML such as <script>alert(1)</script> is shown as text.
| Shortcut | Action |
|---|---|
| Enter | Send |
| Shift+Enter | New line |
npm install @skribly/ui
Dark theme, Markdown
Release notes
The agent now resumes a chat from its session, so it remembers earlier answers. See the changelog for details.
- Work in a remote folder over
ssh -t
Raw HTML such as <script>alert(1)</script> is shown as text.
| Shortcut | Action |
|---|---|
| Enter | Send |
| Shift+Enter | New line |
npm install @skribly/ui
High contrast theme, Markdown
Release notes
The agent now resumes a chat from its session, so it remembers earlier answers. See the changelog for details.
- Work in a remote folder over
ssh -t
Raw HTML such as <script>alert(1)</script> is shown as text.
| Shortcut | Action |
|---|---|
| Enter | Send |
| Shift+Enter | New line |
npm install @skribly/ui
UsageLink to the section Usage
import { Markdown } from '@skribly/ui/content'<Markdown text={issue.description} headingOffset={2} tableLabel="Table" />Every label is a prop, so the app passes its own words in its own language. See no built-in text.
AccessibilityLink to the section Accessibility
- Raw HTML is shown as text and only http, https, mailto, tel and relative links are kept. headingOffset keeps the heading outline under the page heading.
- Task items are read-only checkboxes named by their text.
- Tables and code blocks scroll in their own box, which takes keyboard focus.
This demo runs through axe in all three themes on every test run. See what the tests check.