Examples

The 61 component pages are the example gallery for the Solid registry. Every preview is rendered from apps/solid/components/demos/<slug>.tsx, and the displayed source is generated by reading that exact file.

Interactive examples

• Toggle updates fine-grained local state after hydration.
• Dialog portals content, manages focus, closes on Escape, and restores focus.
• Input demonstrates accessible labels, helper text, and validation messaging.
• Attachment proves action isolation from card preview behavior.
• Avatar demonstrates deterministic image load and fallback transitions.
• Aspect Ratio preserves constrained responsive geometry across SSR and hydration.
• Accordion and Tabs demonstrate disabled-aware keyboard navigation and stable IDs.
• Calendar pins its SSR clock and initial month while exposing date-grid navigation.
• Message Scroller demonstrates observed scrolling, controls, and remount behavior.

Composed surfaces

• Card combines content and actions.
• Button, Badge, and Separator demonstrate the shared visual language.

Source guarantee

There are no separately maintained display snippets. docs:build derives highlighted preview source from the demo files before the SolidStart production build.