astro Architecture Docs
Home / File/ Counter.tsx — astro Source File

Counter.tsx — astro Source File

Architecture documentation for Counter.tsx, a tsx file in the astro codebase. 2 imports, 0 dependents.

File tsx CoreAstro RenderingEngine 2 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  6b6146e5_2ede_fb80_9206_bbf9ea43a015["Counter.tsx"]
  f4b1ff07_6145_0f47_f007_437a1e30f4e9["Counter.css"]
  6b6146e5_2ede_fb80_9206_bbf9ea43a015 --> f4b1ff07_6145_0f47_f007_437a1e30f4e9
  5458ee59_7908_bf35_f257_ad630e4e60d7["solid-js"]
  6b6146e5_2ede_fb80_9206_bbf9ea43a015 --> 5458ee59_7908_bf35_f257_ad630e4e60d7
  style 6b6146e5_2ede_fb80_9206_bbf9ea43a015 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { createSignal, type JSX } from 'solid-js';
import './Counter.css';

export default function Counter(props: { children?: JSX.Element }) {
	const [count, setCount] = createSignal(0);
	const add = () => setCount(count() + 1);
	const subtract = () => setCount(count() - 1);

	return (
		<>
			<div class="counter">
				<button onClick={subtract}>-</button>
				<pre>{count()}</pre>
				<button onClick={add}>+</button>
			</div>
			<div class="counter-message">{props.children}</div>
		</>
	);
}

Domain

Subdomains

Functions

Dependencies

Source

Frequently Asked Questions

What does Counter.tsx do?
Counter.tsx is a source file in the astro codebase, written in tsx. It belongs to the CoreAstro domain, RenderingEngine subdomain.
What functions are defined in Counter.tsx?
Counter.tsx defines 1 function(s): Counter.
What does Counter.tsx depend on?
Counter.tsx imports 2 module(s): Counter.css, solid-js.
Where is Counter.tsx in the architecture?
Counter.tsx is located at examples/framework-solid/src/components/Counter.tsx (domain: CoreAstro, subdomain: RenderingEngine, directory: examples/framework-solid/src/components).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free