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 05:35:40 +02:00			`<script>`
Refactor entire SDK into client lib and enable svelte context sharing between client and components 2020-11-18 20:18:18 +01:00			`import { getContext } from "svelte"`

Add support for full depth data binding 2020-11-20 10:50:10 +01:00			`const { styleable } = getContext("sdk")`
Add component data binding and simplify context sharing 2020-11-24 12:02:10 +01:00			`const component = getContext("component")`
Fix screen slot placeholder component display 2020-11-17 15:06:43 +01: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-14 12:51:45 +01:00			`export let text = ""`
data binding and stndard componets work 2019-09-19 05:35:40 +02:00			`</script>`

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