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

CartFlyoutToggle.tsx — astro Source File

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

File tsx StateStores NanostoresImplementation 2 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  2506c8d8_e1f6_b420_5388_f20e9293ff57["CartFlyoutToggle.tsx"]
  edd8f249_c500_21a1_e709_e13be23ae578["cartStore.ts"]
  2506c8d8_e1f6_b420_5388_f20e9293ff57 --> edd8f249_c500_21a1_e709_e13be23ae578
  72a5e323_a5e9_d3c8_ee2d_3978ab635218["preact"]
  2506c8d8_e1f6_b420_5388_f20e9293ff57 --> 72a5e323_a5e9_d3c8_ee2d_3978ab635218
  style 2506c8d8_e1f6_b420_5388_f20e9293ff57 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { useStore } from '@nanostores/preact';
import { isCartOpen } from '../cartStore';

export default function CartFlyoutToggle() {
	const $isCartOpen = useStore(isCartOpen);
	return <button onClick={() => isCartOpen.set(!$isCartOpen)}>Cart</button>;
}

Domain

Subdomains

Functions

Dependencies

Source

Frequently Asked Questions

What does CartFlyoutToggle.tsx do?
CartFlyoutToggle.tsx is a source file in the astro codebase, written in tsx. It belongs to the StateStores domain, NanostoresImplementation subdomain.
What functions are defined in CartFlyoutToggle.tsx?
CartFlyoutToggle.tsx defines 1 function(s): CartFlyoutToggle.
What does CartFlyoutToggle.tsx depend on?
CartFlyoutToggle.tsx imports 2 module(s): cartStore.ts, preact.
Where is CartFlyoutToggle.tsx in the architecture?
CartFlyoutToggle.tsx is located at examples/with-nanostores/src/components/CartFlyoutToggle.tsx (domain: StateStores, subdomain: NanostoresImplementation, directory: examples/with-nanostores/src/components).

Analyze Your Own Codebase

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

Try Supermodel Free