File size: 1,183 Bytes
0dbc9de | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 | // @ts-nocheck
import * as mod from "./markdown"
import { create } from "@opencode-ai/ui/storybook/scaffold"
import { markdown } from "@opencode-ai/ui/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
|