Svelte Global classes
<script>
let class_name = '';
export { class_name as class };
</script>
<button class="c-btn {class_name}">
<slot />
</button>
I think there’s a way to get the best of both worlds.
- :global(.custom-icon) {
border: solid 2px red;
}
This will output a CSS like this:
.svelte-5z4ccp .custom-icon {
border: solid 2px red;
}