Create Example

Scaffold a new example for a Skeleton doc page under sites/skeleton.dev/src/components/examples/, and add the import + render wiring to the parent .mdx.

Folder layout mirrors the docs tree: examples/<category>/<slug>/.

Example types

Type	Path	When to use
Astro (neutral)	`<slug>/<name>.astro`	HTML/CSS-only demo; no state, events, or framework imports needed
React	`<slug>/react/<name>.tsx`	Demo needs React state/events or imports from `@skeletonlabs/skeleton-react`
Svelte	`<slug>/svelte/<name>.svelte`	Demo needs Svelte runes/snippets or imports from `@skeletonlabs/skeleton-svelte`

A single doc page can mix types per example. Defaults:

Tailwind-component pages → .astro, fall back to framework-specific only when the demo requires state/events (see buttons/ — default.astro + react/group.tsx + svelte/group.svelte).
Framework-component pages → both react/ and svelte/, always paired (see accordion/).