DEV Community

Cover image for SVAR Svelte Components Now with TypeScript Support
Olga T.
Olga T.

Posted on • Originally published at svar.dev

SVAR Svelte Components Now with TypeScript Support

#svelte #typescript #frontend #opensource

SVAR Svelte component collection reached a significant milestone - it now supports TypeScript. From the basic Core Library to more complex widgets like DataGrid and Gantt chart, version 2.3 delivers the official type definitions developers have been requesting.

This update transforms SVAR Svelte components into a more reliable, consistent, and production-ready solution for Svelte developers who work with TypeScript.

SVAR Svelte Components UI

What’s Inside SVAR Svelte

If you’re not familiar with SVAR Svelte, here is the list of available components that now support TypeScript:

  • Core — a library of essential components (menu, tabs, toolbar, popups, etc) and form controls
  • DataGrid — Advanced data grid with filtering, sorting, paging, frozen columns, and more
  • Gantt — Interactive Gantt chart with drag-and-drop functionality
  • File Manager — Complete file explorer UI component
  • Filter — Powerful query builder for complex filtering scenarios
  • Editor — Customizable edit forms for structured data

Why TypeScript Support Matters

TypeScript support brings immediate benefits to your development workflow:

  • Enhanced Developer Experience — Enjoy full autocomplete, inline documentation, and intelligent code hints directly in your IDE.
  • Compile-Time Safety — Catch potential errors during development rather than discovering them in production.
  • API Consistency — SVAR Svelte documentation now perfectly aligns with the actual TypeScript definitions, eliminating any confusion about component interfaces.

Getting Started with Version 2.3

You can find the updates on SVAR’s GitHub or install version 2.3 via npm:

npm install @svar-ui/svelte-core npm install @svar-ui/svelte-grid npm install @svar-ui/svelte-gantt npm install @svar-ui/svelte-filemanager npm install @svar-ui/svelte-filter npm install @svar-ui/svelte-editor
Enter fullscreen mode Exit fullscreen mode

Important: starting from version 2.3 all SVAR Svelte components are moving to @svar-ui/ namespace. This creates a consistent and unified naming structure for all SVAR components:

  • Earlier: wx-svelte-core, wx-react-core
  • Now: @svar-ui/svelte-core, @svar-ui/react-core

For backward compatibility SVAR will continue publishing the packages under both wx-svelte-* and @svar-ui/ namespaces until version 3.0.

This release is a major step forward in SVAR's commitment to providing developer-friendly tools. We hope that now you’ll love working with SVAR Svelte components even more!

Top comments (0)