This component no longer exists. It was in sv11-twango’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-09 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.
Response
sv11-twango/responseRemovedComponent
A streaming markdown response renderer with code, math, and mermaid support.
Live preview
live · rendered by the registry
Rendered by sv11-twango on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add http://sv11.ui.twango.dev/r/response.jsonSource
1<script lang="ts">2 import { cn } from "$UTILS$.js";3 import { Streamdown, type StreamdownProps } from "svelte-streamdown";4 import Code from "svelte-streamdown/code";5 import Mermaid from "svelte-streamdown/mermaid";6 import Math from "svelte-streamdown/math";78 let {9 class: className,10 ...restProps11 }: StreamdownProps & {12 /**13 * Extra classes merged onto the root `Streamdown` container. Top and14 * bottom margins are stripped from the first and last children.15 */16 class?: string;17 } = $props();18</script>1920<!--21 Streamdown's root <div> only forwards `class` — it doesn't spread unknown22 attrs — so we can't pin data-slot on it directly. Wrap in a display:contents23 host so CSS/automation can target [data-slot="response"] without adding a24 layout box. (display:contents a11y bugs were fixed across modern browsers25 in 2022; role/labels on the Streamdown content are unaffected.)26-->27<div data-slot="response" class="contents">28 <Streamdown29 baseTheme="shadcn"30 components={{ code: Code, mermaid: Mermaid, math: Math }}31 class={cn("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", className)}32 {...restProps}33 />34</div>
What it pulls in
npm packages
