svelte-inspect-value
- A Svelte library providing value inspector components for monitoring state and debugging
- Designed as a devtool but can also be used for general data presentation
- Key features:
- Highly configurable with provider functions/components
- Includes drawer/panel component with fixed positioning
- Deep nested search/filter with text highlighting
- Keyboard navigation controls
- Built-in light/dark themes plus customizable theming
- Syntax highlighting for functions/HTML
- Specialized views for JavaScript built-ins (objects, arrays, maps, dates, promises, etc.)
- Supports Svelte stores and Observables
- TypeScript support
- Component variants:
- Base
Inspect
component Inspect.Values
variant for inspecting individual propsInspect.Panel
fixed position panel
- Base
- Documentation and demo available at inspect.eirik.space ↗
- Svelte Playground example available at svelte.dev ↗
debuginspectjsonstatesveltetree
Author
Featured Stories
No featured articles here. Navigate to an article, then pick the Feature on menu button