使用更多 shadcn-svelte 组件来扩展 shadcn-svelte

Source: Dev.to

概览

more-shadcn-svelte 是一个 UI 组件库，扩展了 shadcn-svelte，提供核心注册表中未包含的高级 UI 组件。

主要特性

• ⚡ 基于 Svelte 5 Runes，使用 $state、$props 与 $derived。
• 📦 通过 shadcn-svelte CLI 安装（无需额外的 npm 包）。
• 🔒 完整的 TypeScript 支持，严格的属性类型定义。
• ✨ 组件自带动画和微交互。
• 🎨 源文件直接添加到项目中，便于自定义。

包含的组件

该库提供约 20 个组件，包括：

• 自动完成
• 标签输入
• 颜色选择器
• 步进器
• 图片缩放
• 数字计数器

…以及更多高级 UI 元素。

安装

使用 shadcn-svelte CLI 安装库：

# 示例命令（如有不同请替换为实际 CLI 语法）
shadcn-svelte add more-shadcn-svelte

这些组件可与您现有的 shadcn-svelte 设置无缝集成。

资源

• 在线演示 & 文档: https://next.jqueryscript.net/svelte/advanced-more-shadcn-components/
• GitHub 仓库: GitHub Repo (将 # 替换为实际 URL)
• 在线演示: Live Demo (将 # 替换为实际 URL)