@kitn.ai/chat/src/stories/docs/SolidJsAdvanced.mdx

Framework-agnostic, Shadow-DOM web components for building AI chat interfaces — works in React, Vue, Angular, Svelte, or plain HTML. Authored in SolidJS.

import { Meta } from '@storybook/addon-docs/blocks';

<Meta title="Solid (Advanced)/Overview" />

# Solid (Advanced)

**Most people want the [Components](?path=/docs/components-chat--docs).** This tier is
only for building a **custom chat UI in SolidJS** — the kit is authored in SolidJS, and these
are the same building blocks the web components compose from.

- **Elements** — the composed SolidJS pieces (message, tool, reasoning, …). Each maps to a
  `kc-*` element; reach for these only if you're assembling your own layout in Solid.
- **Primitives** — the low-level base components (button, tooltip, dropdown, …) the components
  are built on. You rarely use these directly.

Using a web component instead? Every element's **API** tab has copy-paste examples for
HTML, React, Svelte, Vue, Angular, and Solid.