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

<script>
  import { getContext } from "svelte"

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

  export let text = ""
</script>

<p use:styleable={$component.styles}>{text}</p>

<style>
  p {
    display: inline-block;
    white-space: pre-wrap;
  }
</style>
data binding and stndard componets work 2019-09-19 15:35:40 +12:00			`<script>`
Refactor entire SDK into client lib and enable svelte context sharing between client and components 2020-11-19 08:18:18 +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")`
Fix screen slot placeholder component display 2020-11-18 03:06:43 +13:00
Work on Components API & bugfixes (#102) * typo - screens not being sent to page save * removed children arg from hydrateChildren (n/a) * initialiseChildren does not rerender unless forced * removed derivatives of initialiseChildren * renamed initialiseChildren > attachChildren * standard-components - refactoring div now container H1, h2... etc now Heading with type Select now takes option as _children * loads of bug fixing * safe props creation anytime props are loaded, we make sure they conform to the components props definition 2020-02-15 00:51:45 +13:00			`export let text = ""`
data binding and stndard componets work 2019-09-19 15:35:40 +12:00			`</script>`

Make paragraph respect whitespace 2021-02-23 23:04:07 +13:00			`<p use:styleable={$component.styles}>{text}</p>`
Change Text component display to inline-block to text-transform works 2020-10-16 20:34:17 +13:00
			`<style>`
Make paragraph respect whitespace 2021-02-23 23:04:07 +13:00			`p {`
Change Text component display to inline-block to text-transform works 2020-10-16 20:34:17 +13:00			`display: inline-block;`
Make paragraph respect whitespace 2021-02-23 23:04:07 +13:00			`white-space: pre-wrap;`
Change Text component display to inline-block to text-transform works 2020-10-16 20:34:17 +13:00			`}`
			`</style>`