# Svelte DocSmith

> A documentation framework for Svelte. Interactive examples in one real, stateful app, markdown as routes, and a sidebar that builds itself.

## Getting Started

- [Introduction](https://docsmith.geodask.com/docs/introduction): What Svelte DocSmith is and who it is for.
- [Installation](https://docsmith.geodask.com/docs/installation): Add Svelte DocSmith to a SvelteKit project.
- [Quick Start](https://docsmith.geodask.com/docs/quick-start): Wire up the pipeline and render your first page.
- [Configuration](https://docsmith.geodask.com/docs/configuration): Package exports, the config object, and the two shell components.

## Core Concepts

- [How it works](https://docsmith.geodask.com/docs/concepts): The content model, the markdown pipeline, and navigation.
- [Writing pages](https://docsmith.geodask.com/docs/writing-pages): Frontmatter, live examples, and code highlighting in a page.
- [Code blocks](https://docsmith.geodask.com/docs/code-blocks): Highlight lines, mark diffs, focus, flag errors, and highlight words.
- [Live Examples](https://docsmith.geodask.com/docs/live-examples): Real interactive components rendered inside the docs.
- [Theming](https://docsmith.geodask.com/docs/theming): The whole look is design tokens behind one stylesheet. Restyle it by redefining tokens, not editing components.
- [Search](https://docsmith.geodask.com/docs/search): A built-in ⌘K full-text search palette, generated from your pages.
- [SEO](https://docsmith.geodask.com/docs/seo): Titles, meta descriptions, and social cards from your frontmatter.

## Components

- [Callout](https://docsmith.geodask.com/docs/components/callout): Draw attention to a note, tip, warning, or danger.
- [Steps](https://docsmith.geodask.com/docs/components/steps): A numbered walkthrough for sequential instructions.
- [Card & CardGrid](https://docsmith.geodask.com/docs/components/card): Linkable cards for next steps and feature grids.
- [Tabs](https://docsmith.geodask.com/docs/components/tabs): Group alternative content behind labeled tabs.
- [Accordion](https://docsmith.geodask.com/docs/components/accordion): Collapse long-form content behind expandable headings.
- [Badge](https://docsmith.geodask.com/docs/components/badge): Small status and label pills with semantic intents.
- [Kbd](https://docsmith.geodask.com/docs/components/kbd): Render keyboard keys and shortcuts inline.
- [File Tree](https://docsmith.geodask.com/docs/components/file-tree): Show project and directory structure as a tree.
- [Props Table](https://docsmith.geodask.com/docs/components/props-table): Document a component's API in a consistent table.