[XML] Child layouts #75

2023-05-15T01:54:49+08:00

thesabinelim commented

2023-05-15 01:54:49 +08:00

(Migrated from github.com)

Allows loading of child layouts within another layout, which react to updates in their reactive props. Treat this as a proof of concept and just cementing the API, because the implementation will certainly change. Example:

layout.xml

<script>
  local basalt = require("basalt")
  AnotherLayout = basalt.layout("another_layout.xml")
  getText, setText = basalt.reactive("Button not clicked")
</script>

<AnotherLayout text={getText()} />
<button text="Click me">
  <onClick>
    setText("Button clicked")
  </onClick>
</button>

another_layout.xml

<label text={props.text} />

Allows loading of child layouts within another layout, which react to updates in their reactive props. Treat this as a proof of concept and just cementing the API, because the implementation will certainly change. Example: layout.xml ```xml <script> local basalt = require("basalt") AnotherLayout = basalt.layout("another_layout.xml") getText, setText = basalt.reactive("Button not clicked") </script> <AnotherLayout text={getText()} /> <button text="Click me"> <onClick> setText("Button clicked") </onClick> </button> ``` another_layout.xml ```xml <label text={props.text} /> ```

🚀 1

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: GitHub/Basalt#75