Click Me← Click

type Counter struct {
	// dynamic component
	door doors.Door
	// local state
	count int
}

// fragment render function
templ (c *Counter) Render() {
	// attach click handler to the next element
	@doors.AClick{
		On: func(ctx context.Context, _ doors.REvent[doors.PointerEvent]) bool {
			c.increment(ctx)
			// not done, keep hook active
			return false
		},
	}
	<button class="contrast">Click Me</button>
	// render dynamic component 
	@c.door {
		// initial content
		← Click
	}
}

func (c *Counter) increment(ctx context.Context) {
	c.count += 1
	// update dynamic component with the new content
	c.door.Update(ctx, doors.Text(c.count))
}