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

<script>
  import { getContext } from "svelte"

  const { styleable, transition } = getContext("sdk")
  const component = getContext("component")
</script>

<div
  in:transition={{ type: $component.transition }}
  use:styleable={$component.styles}>
  <slot />
</div>
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			`<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"`

screens can now select a transition rather than only use fade 2021-03-01 16:53:37 +01:00			`const { styleable, transition } = getContext("sdk")`
Add component data binding and simplify context sharing 2020-11-24 12:02:10 +01:00			`const component = getContext("component")`
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			`</script>`

Remove old code from container 2021-04-01 20:19:14 +02:00			`<div`
			`in:transition={{ type: $component.transition }}`
			`use:styleable={$component.styles}>`
			`<slot />`
			`</div>`