CartFlyoutToggle() — astro Function Reference

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

Function tsx StateStores NanostoresImplementation

Entity Profile

StateStores→ NanostoresImplementation→ CartFlyoutToggle() — astro Function Reference

Dependency Diagram

graph TD
  529edd79_4b42_23dc_edcf_216c399659fb["CartFlyoutToggle()"]
  2506c8d8_e1f6_b420_5388_f20e9293ff57["CartFlyoutToggle.tsx"]
  529edd79_4b42_23dc_edcf_216c399659fb -->|defined in| 2506c8d8_e1f6_b420_5388_f20e9293ff57
  style 529edd79_4b42_23dc_edcf_216c399659fb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

examples/with-nanostores/src/components/CartFlyoutToggle.tsx lines 4–7

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