Button() — astro Function Reference

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

Function tsx AstroActions StateManagement

Entity Profile

AstroActions→ StateManagement→ Button() — astro Function Reference

Dependency Diagram

graph TD
  d76fff18_84df_6faa_10ae_1ea2ce6b1003["Button()"]
  3c178090_18e6_e3c8_db1a_00145f9b8154["Like.tsx"]
  d76fff18_84df_6faa_10ae_1ea2ce6b1003 -->|defined in| 3c178090_18e6_e3c8_db1a_00145f9b8154
  style d76fff18_84df_6faa_10ae_1ea2ce6b1003 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/e2e/fixtures/actions-react-19/src/components/Like.tsx lines 30–38

function Button({likes, label}: {likes: number; label: string}) {
	const { pending } = useFormStatus();

	return (
		<button aria-label={label} disabled={pending} type="submit">
			{likes} ❤️
		</button>
	)
}