Counter() — astro Function Reference

Architecture documentation for the Counter() function in Counter.tsx from the astro codebase.

Function tsx CoreAstro RenderingEngine

Entity Profile

CoreAstro→ RenderingEngine→ Counter() — astro Function Reference

Dependency Diagram

graph TD
  f452c67a_ddf6_e714_ac4d_396ce19cd9cf["Counter()"]
  06bfa6fc_e1cf_07a6_3ea4_212b7a33b9c1["Counter.tsx"]
  f452c67a_ddf6_e714_ac4d_396ce19cd9cf -->|defined in| 06bfa6fc_e1cf_07a6_3ea4_212b7a33b9c1
  style f452c67a_ddf6_e714_ac4d_396ce19cd9cf fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

examples/framework-preact/src/components/Counter.tsx lines 14–30

export default function Counter({ children, count }: Props) {
	const add = () => count.value++;
	const subtract = () => count.value--;

	return (
		<>
			<div class="counter">
				<button onClick={subtract}>-</button>
				<pre>{count}</pre>
				<button onClick={add}>+</button>
			</div>
			<Suspense fallback={Fallback}>
				<Message>{children}</Message>
			</Suspense>
		</>
	);
}