setToolbarPlacement() — astro Function Reference

Architecture documentation for the setToolbarPlacement() function in toolbar.ts from the astro codebase.

Function typescript DevToolbar AuditRules

Entity Profile

DevToolbar→ AuditRules→ setToolbarPlacement() — astro Function Reference

Dependency Diagram

graph TD
  2bafc46d_598e_d400_8025_2b479ec51f56["setToolbarPlacement()"]
  716d930c_83f4_2fe3_b978_ab934b111ba5["AstroDevToolbar"]
  2bafc46d_598e_d400_8025_2b479ec51f56 -->|defined in| 716d930c_83f4_2fe3_b978_ab934b111ba5
  style 2bafc46d_598e_d400_8025_2b479ec51f56 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/astro/src/runtime/client/dev-toolbar/toolbar.ts lines 564–575

	setToolbarPlacement(newPlacement: Placement) {
		this.devToolbarContainer?.setAttribute('data-placement', newPlacement);
		this.apps.forEach((app) => {
			app.eventTarget.dispatchEvent(
				new CustomEvent('placement-updated', {
					detail: {
						placement: newPlacement,
					},
				}),
			);
		});
	}