connectedCallback() — astro Function Reference

Architecture documentation for the connectedCallback() function in toggle.ts from the astro codebase.

Function typescript DevToolbar ToolbarClient calls 1

Entity Profile

DevToolbar→ ToolbarClient→ connectedCallback() — astro Function Reference

Dependency Diagram

graph TD
  1873a26d_332d_3df2_d007_7d21cb41d8e8["connectedCallback()"]
  8a84a891_ea62_56c8_0c0a_767465d852c4["DevToolbarToggle"]
  1873a26d_332d_3df2_d007_7d21cb41d8e8 -->|defined in| 8a84a891_ea62_56c8_0c0a_767465d852c4
  65bced3c_5cdf_2f87_978a_35119d4e60e1["updateStyle()"]
  1873a26d_332d_3df2_d007_7d21cb41d8e8 -->|calls| 65bced3c_5cdf_2f87_978a_35119d4e60e1
  style 1873a26d_332d_3df2_d007_7d21cb41d8e8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/src/runtime/client/dev-toolbar/ui-library/toggle.ts lines 123–128

	connectedCallback() {
		this.input.type = 'checkbox';
		this.input.name = 'dev-toolbar-toggle';
		this.shadowRoot.append(this.input);
		this.updateStyle();
	}