Svelte Material UI
Svelte 应用的 Material UI 组件
Svelte
SMUI 提供严格类型的 Svelte 组件和操作，用于各种界面元素。 SMUI 还提供帮助程序实用程序，用于构建自定义和高级 UI 组件。
Material.io
许多 SMUI 组件基于 Google 的 Material Design Components for Web。 它使用 "高级方法" 集成这些组件，其中 MDC Foundation 处理一些业务逻辑，而 SMUI 组件则处理 DOM 更新和数据绑定。
Sass
与 MDC-Web 一样，SMUI 通过 Sass 进行样式设置。 SMUI 支持 Material Design Components for Web 提供的所有 mixins，并提供一些额外的有用 mixins。 你可以使用 几个变量 自定义 UI 的外观。
完全严格类型化
SMUI 使用 TypeScript 严格类型化。 这不仅有助于及早发现错误，而且有助于开发，因为每个属性都由现代 IDE 自动完成。
默认情况下可访问
SMUI 会自动向组件添加适当的 ARIA 属性，以便为屏幕阅读器提供可访问性。 SMUI 也是完全键盘可访问的，这意味着有运动障碍的用户可以轻松使用 SMUI 组件。
触控友好
SMUI 提供更大的触摸目标，以便在移动设备上更易于使用，符合 Material Spec 要求的最小 48px x 48px 触摸目标。
服务器端渲染
SMUI 可以完全在服务器端渲染，这意味着更快的首屏加载时间。 SMUI 完全支持 SvelteKit。 事实上，您正在查看的网站是一个 SvelteKit 应用程序。
完全可主题化
组件可以使用 MDC-Web 提供的 Sass 变量进行主题化。 从形状、颜色、密度、边框、交互状态等等都可以主题化。
RTL/国际化支持
SMUI 了解 RTL，组件会根据用户语言调整其设计。
广泛使用，不断增长的社区
超过 3,000 个项目 使用 SMUI 组件，它是最受欢迎的 Svelte UI 库。 而且，它也是最通用和最具适应性的 Svelte UI 库，这一点毋庸置疑。
适应性强，通用性
SMUI 支持向每个组件及其内部元素添加任意属性和操作。 SMUI 转发每个组件的所有事件，并支持事件修饰符，包括被动修饰符。 SMUI 在 Svelte REPL 中运行，这意味着你可以 立即使用它。
符合 Material Design
每个 SMUI 组件都完全遵循 Material Design 规范。 你可以用 SMUI 构建符合规范的 UI。