Quick Guide
Some helpful guides for common use patterns in SMUI that are different than standard Svelte.
Targeting Classes
Because Svelte limits your CSS to only the current component, you need to use a ":global" selector to target SMUI elements.
Events and Modifiers
SMUI supports listening to all events. You can also add modifiers from the @smui/common/events endpoint.
Inner element props
Many SMUI components have inner elements that can take props with a prefix, like "input$" or "icon$".