retains icons design panel options while being able to change color in settings panel
This commit is contained in:
parent
cbaffe798a
commit
f04063c26b
|
@ -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>
|
||||||
|
|
||||||
<i
|
<div style="color: {color}; display: contents">
|
||||||
style={`color: ${color};`}
|
<i
|
||||||
class={`${icon} ${size}`} />
|
use:styleable={$component.styles}
|
||||||
|
class="{icon} {size}" />
|
||||||
|
</div>
|
Loading…
Reference in New Issue