retains icons design panel options while being able to change color in settings panel

This commit is contained in:
kevmodrome 2021-01-19 13:42:49 +01:00
parent 1a0b8c6a8c
commit 7f405e7dd9
No known key found for this signature in database
GPG Key ID: 828D8FE4D235B551
1 changed files with 7 additions and 6 deletions

View File

@ -1,15 +1,16 @@
<script> <script>
import { getContext } from "svelte" import { getContext } from "svelte"
// Add this back once we can define specific design options to expose const { styleable } = getContext("sdk")
// const { styleable } = getContext("sdk") const component = getContext("component")
// const component = getContext("component")
export let icon = "" export let icon = ""
export let size = "fa-lg" export let size = "fa-lg"
export let color = "#000" export let color = "#000"
</script> </script>
<div style="color: {color}; display: contents">
<i <i
style={`color: ${color};`} use:styleable={$component.styles}
class={`${icon} ${size}`} /> class="{icon} {size}" />
</div>