Svelte Material UI

快速指南

一些关于 SMUI 中常见使用模式的有用指南，这些模式与标准 Svelte 不同。

目标类

由于 Svelte 将你的 CSS 限制为仅当前组件，你需要使用“:global”选择器来定位 SMUI 元素。
事件和修饰符

SMUI 支持监听所有事件。你也可以使用“$”语法来使用修饰符。

还没有事件。

尝试点击并使用回车键来激活下一个按钮。（点击事件的目标是按钮下面的元素，而键事件的目标是按钮本身。）

还没有事件。



标准事件可以被修改，例如在链接的点击事件上阻止导航。


TypeScript 事件类型在 SMUI 组件中可能很棘手。这个例子展示了如何正确地获取它们。
Mouse Button: None yet.
内部元素属性

许多 SMUI 组件都有内部元素，这些元素可以接受带有前缀的属性，例如“input$”或“icon$”。