mirror of
https://gitea.toothfairyai.com/ToothFairyAI/tf_code.git
synced 2026-04-11 11:18:34 +00:00
54 lines
1.1 KiB
TypeScript
54 lines
1.1 KiB
TypeScript
// @ts-nocheck
|
|
import * as mod from "./markdown"
|
|
import { create } from "../storybook/scaffold"
|
|
import { markdown } from "../storybook/fixtures"
|
|
|
|
const docs = `### Overview
|
|
Render sanitized Markdown with code blocks, inline code, and safe links.
|
|
|
|
Pair with \`Code\` for standalone code views.
|
|
|
|
### API
|
|
- Required: \`text\` Markdown string.
|
|
- Uses the Marked context provider for parsing and sanitization.
|
|
|
|
### Variants and states
|
|
- Code blocks include copy buttons when rendered.
|
|
|
|
### Behavior
|
|
- Sanitizes HTML and auto-converts inline URL code to links.
|
|
- Adds copy buttons to code blocks.
|
|
|
|
### Accessibility
|
|
- Copy buttons include aria-labels from i18n.
|
|
- TODO: confirm link target behavior in sanitized output.
|
|
|
|
### Theming/tokens
|
|
- Uses \`data-component="markdown"\` and related slots for styling.
|
|
|
|
`
|
|
|
|
const story = create({
|
|
title: "UI/Markdown",
|
|
mod,
|
|
args: {
|
|
text: markdown,
|
|
},
|
|
})
|
|
|
|
export default {
|
|
title: "UI/Markdown",
|
|
id: "components-markdown",
|
|
component: story.meta.component,
|
|
tags: ["autodocs"],
|
|
parameters: {
|
|
docs: {
|
|
description: {
|
|
component: docs,
|
|
},
|
|
},
|
|
},
|
|
}
|
|
|
|
export const Basic = story.Basic
|