css_props() — svelte Function Reference

Architecture documentation for the css_props() function in index.js from the svelte codebase.

Function javascript ServerRuntime Serialization calls 3

Entity Profile

ServerRuntime→ Serialization→ css_props() — svelte Function Reference

Dependency Diagram

graph TD
  567e2caa_d96d_0848_9d32_a5a1af402940["css_props()"]
  1c4bc493_24af_177e_7307_a999997aceac["index.js"]
  567e2caa_d96d_0848_9d32_a5a1af402940 -->|defined in| 1c4bc493_24af_177e_7307_a999997aceac
  adfac89e_1481_1792_6d5f_97c23465f231["style_object_to_string()"]
  567e2caa_d96d_0848_9d32_a5a1af402940 -->|calls| adfac89e_1481_1792_6d5f_97c23465f231
  6f1eae94_35bd_e5bc_d962_31f3ce608951["push()"]
  567e2caa_d96d_0848_9d32_a5a1af402940 -->|calls| 6f1eae94_35bd_e5bc_d962_31f3ce608951
  37596f8a_06e9_abf9_49d1_df75cd4a3a2d["component()"]
  567e2caa_d96d_0848_9d32_a5a1af402940 -->|calls| 37596f8a_06e9_abf9_49d1_df75cd4a3a2d
  style 567e2caa_d96d_0848_9d32_a5a1af402940 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/server/index.js lines 91–111

export function css_props(renderer, is_html, props, component, dynamic = false) {
	const styles = style_object_to_string(props);

	if (is_html) {
		renderer.push(`<svelte-css-wrapper style="display: contents; ${styles}">`);
	} else {
		renderer.push(`<g style="${styles}">`);
	}

	if (dynamic) {
		renderer.push('<!---->');
	}

	component();

	if (is_html) {
		renderer.push(`<!----></svelte-css-wrapper>`);
	} else {
		renderer.push(`<!----></g>`);
	}
}