Add new examples

example/examples/basic/checkbox_group/checkbox_group.gui

@@ -0,0 +1,120 @@
+fonts {
+  name: "text_bold"
+  font: "/example/assets/fonts/text_bold.font"
+}
+textures {
+  name: "druid"
+  texture: "/example/assets/druid.atlas"
+}
+nodes {
+  size {
+    x: 200.0
+    y: 100.0
+  }
+  type: TYPE_BOX
+  id: "root"
+  inherit_alpha: true
+  size_mode: SIZE_MODE_AUTO
+  visible: false
+}
+nodes {
+  position {
+    x: -100.0
+  }
+  type: TYPE_TEMPLATE
+  id: "checkbox_1"
+  parent: "root"
+  inherit_alpha: true
+  template: "/example/examples/basic/checkbox/checkbox.gui"
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_1/root"
+  parent: "checkbox_1"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_1/button"
+  parent: "checkbox_1/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_1/icon"
+  parent: "checkbox_1/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_1/selected"
+  parent: "checkbox_1/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_TEMPLATE
+  id: "checkbox_2"
+  parent: "root"
+  inherit_alpha: true
+  template: "/example/examples/basic/checkbox/checkbox.gui"
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_2/root"
+  parent: "checkbox_2"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_2/button"
+  parent: "checkbox_2/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_2/icon"
+  parent: "checkbox_2/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_2/selected"
+  parent: "checkbox_2/button"
+  template_node_child: true
+}
+nodes {
+  position {
+    x: 100.0
+  }
+  type: TYPE_TEMPLATE
+  id: "checkbox_3"
+  parent: "root"
+  inherit_alpha: true
+  template: "/example/examples/basic/checkbox/checkbox.gui"
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_3/root"
+  parent: "checkbox_3"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_3/button"
+  parent: "checkbox_3/root"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_3/icon"
+  parent: "checkbox_3/button"
+  template_node_child: true
+}
+nodes {
+  type: TYPE_BOX
+  id: "checkbox_3/selected"
+  parent: "checkbox_3/button"
+  template_node_child: true
+}
+material: "/builtins/materials/gui.material"
+adjust_reference: ADJUST_REFERENCE_PARENT

example/examples/basic/checkbox_group/checkbox_group.lua

@@ -0,0 +1,39 @@
+local event = require("druid.event")
+local component = require("druid.component")
+
+-- Require checkbox component from checkbox example
+local checkbox = require("example.examples.basic.checkbox.checkbox")
+
+---@class checkbox_group: druid.base_component
+---@field druid druid_instance
+---@field button druid.button
+local M = component.create("checkbox_group")
+
+
+---@param template string
+---@param nodes table<hash, node>
+function M:init(template, nodes)
+	self.druid = self:get_druid(template, nodes)
+
+	self.checkbox_1 = self.druid:new(checkbox, "checkbox_1")
+	self.checkbox_2 = self.druid:new(checkbox, "checkbox_2")
+	self.checkbox_3 = self.druid:new(checkbox, "checkbox_3")
+
+	self.checkbox_1.on_state_changed:subscribe(self.on_checkbox_click, self)
+	self.checkbox_2.on_state_changed:subscribe(self.on_checkbox_click, self)
+	self.checkbox_3.on_state_changed:subscribe(self.on_checkbox_click, self)
+
+	self.on_state_changed = event.create()
+end
+
+
+function M:on_checkbox_click()
+	print("Checkbox 1: ", self.checkbox_1:get_state())
+	print("Checkbox 2: ", self.checkbox_2:get_state())
+	print("Checkbox 3: ", self.checkbox_3:get_state())
+
+	self.on_state_changed:trigger(self.checkbox_1:get_state(), self.checkbox_2:get_state(), self.checkbox_3:get_state())
+end
+
+
+return M