budibase/packages/standard-components/src/Icon.svelte

<script>
  import { getContext } from "svelte"

  const { styleable } = getContext("sdk")
  const component = getContext("component")

  export let icon = ""
  export let size = "fa-lg"
  export let color = "#000"
</script>

<i
  style={`color: ${color};`}
  class={`${icon} ${size}`}
  use:styleable={$component.styles} />
Icon and Icon Select Component 2020-09-15 22:53:02 +12:00			`<script>`
Update all components to be renderable and styleable 2020-11-19 10:06:12 +13:00			`import { getContext } from "svelte"`

Add support for full depth data binding 2020-11-20 22:50:10 +13:00			`const { styleable } = getContext("sdk")`
Add component data binding and simplify context sharing 2020-11-25 00:02:10 +13:00			`const component = getContext("component")`
Icon and Icon Select Component 2020-09-15 22:53:02 +12:00
			`export let icon = ""`
			`export let size = "fa-lg"`
			`export let color = "#000"`
			`</script>`

Update all components to be renderable and styleable 2020-11-19 10:06:12 +13:00			`<i`
			style={`color: ${color};`}
			class={`${icon} ${size}`}
Add component data binding and simplify context sharing 2020-11-25 00:02:10 +13:00			`use:styleable={$component.styles} />`