diff --git a/inc/Framework/ComponentLoader.php b/inc/Framework/ComponentLoader.php
new file mode 100644
index 00000000..0d727171
--- /dev/null
+++ b/inc/Framework/ComponentLoader.php
@@ -0,0 +1,261 @@
+<?php
+/**
+ * Component loader for resolving and rendering PHP component partials.
+ *
+ * Resolves components from theme or plugin paths with configurable priority.
+ * Components are render-only PHP files that receive data as arguments and output HTML.
+ *
+ * @package rtCamp\Theme\Elementary
+ */
+
+declare( strict_types = 1 );
+
+namespace rtCamp\Theme\Elementary\Framework;
+
+/**
+ * Class ComponentLoader
+ *
+ * @since 1.0.0
+ */
+class ComponentLoader {
+
+	/**
+	 * Render a component by name.
+	 *
+	 * Resolves the component file based on registered paths and priority,
+	 * then includes it with the provided arguments available in scope.
+	 *
+	 * @param string $name    Component name (e.g. 'Button', 'Card').
+	 * @param array  $args    Arguments to pass to the component.
+	 * @param array  $options {
+	 *     Optional. Resolution options.
+	 *
+	 *     @type string $priority Resolution priority: 'theme' or 'plugin'. Default determined by filter.
+	 * }
+	 *
+	 * @return void
+	 */
+	public static function render( string $name, array $args = [], array $options = [] ): void {
+
+		$file = self::get_component_file( $name, $options );
+
+		if ( false === $file ) {
+			return;
+		}
+
+		require $file;
+	}
+
+	/**
+	 * Get the rendered HTML of a component as a string.
+	 *
+	 * Uses output buffering to capture the component output instead of
+	 * sending it directly to the browser.
+	 *
+	 * @param string $name    Component name (e.g. 'Button', 'Card').
+	 * @param array  $args    Arguments to pass to the component.
+	 * @param array  $options {
+	 *     Optional. Resolution options.
+	 *
+	 *     @type string $priority Resolution priority: 'theme' or 'plugin'. Default determined by filter.
+	 * }
+	 *
+	 * @return string Rendered component HTML, or empty string if not found.
+	 */
+	public static function get( string $name, array $args = [], array $options = [] ): string {
+
+		ob_start();
+		self::render( $name, $args, $options );
+
+		return (string) ob_get_clean();
+	}
+
+	/**
+	 * Resolve the component file path.
+	 *
+	 * Checks registered paths in priority order and returns the first match.
+	 * Path format: {source_path}/{Name}/{Name}.php
+	 *
+	 * @param string $name    Component name.
+	 * @param array  $options Resolution options.
+	 *
+	 * @return string|false Full file path on success, false if not found.
+	 */
+	private static function get_component_file( string $name, array $options = [] ): string|false {
+
+		$component_name = self::normalize_component_name( $name );
+
+		if ( false === $component_name ) {
+			return false;
+		}
+
+		$priority = self::get_priority( $options );
+
+		/**
+		 * Filters the registered component paths.
+		 *
+		 * Each entry is keyed by source type ('theme', 'plugin') and maps
+		 * to a directory path where components are stored.
+		 *
+		 * @since 1.0.0
+		 *
+		 * @param array  $paths    Associative array of source => directory path.
+		 * @param string $name     Component name being resolved.
+		 * @param array  $options  Options passed to render().
+		 */
+		$paths = apply_filters(
+			'elementary_theme_component_paths',
+			[
+				'theme' => ELEMENTARY_THEME_TEMP_DIR . '/src/Components',
+			],
+			$component_name,
+			$options
+		);
+
+		$paths = self::sanitize_component_paths( $paths );
+
+		if ( empty( $paths ) ) {
+			return false;
+		}
+
+		// Order sources based on priority.
+		$order = self::get_source_order( $priority, $paths );
+
+		foreach ( $order as $source ) {
+
+			if ( empty( $paths[ $source ] ) ) {
+				continue;
+			}
+
+			$file = trailingslashit( $paths[ $source ] ) . $component_name . '/' . $component_name . '.php';
+
+			if ( file_exists( $file ) && is_readable( $file ) ) {
+				return $file;
+			}
+		}
+
+		return false;
+	}
+
+	/**
+	 * Sanitize component path mappings returned by filters.
+	 *
+	 * @param mixed $paths Potentially filtered paths value.
+	 *
+	 * @return array<string, string> Valid source => path mappings.
+	 */
+	private static function sanitize_component_paths( mixed $paths ): array {
+		if ( ! is_array( $paths ) ) {
+			return [];
+		}
+
+		$sanitized_paths = [];
+
+		foreach ( $paths as $source => $path ) {
+			if ( ! is_string( $source ) || ! is_string( $path ) ) {
+				continue;
+			}
+
+			$source = trim( $source );
+			$path   = trim( $path );
+
+			if ( '' === $source || '' === $path ) {
+				continue;
+			}
+
+			$sanitized_paths[ $source ] = $path;
+		}
+
+		return $sanitized_paths;
+	}
+
+	/**
+	 * Normalize and validate a component name before using it in filesystem paths.
+	 *
+	 * Normalization trims surrounding whitespace. Validation then enforces
+	 * length bounds, blocks traversal and path separators, and allows only
+	 * alphanumeric characters, underscores and dashes.
+	 *
+	 * @param string $name Component name to normalize and validate.
+	 *
+	 * @return string|false Normalized component name, or false when invalid.
+	 */
+	private static function normalize_component_name( string $name ): string|false {
+		$name = trim( $name );
+
+		if (
+			'' === $name ||
+			strlen( $name ) > 128 ||
+			str_contains( $name, '..' ) ||
+			str_contains( $name, '/' ) ||
+			str_contains( $name, '\\' ) ||
+			1 !== preg_match( '/^[A-Za-z0-9_-]+$/', $name )
+		) {
+			return false;
+		}
+
+		return $name;
+	}
+
+	/**
+	 * Get the resolution priority.
+	 *
+	 * @param array $options Options array potentially containing 'priority'.
+	 *
+	 * @return string 'theme' or 'plugin'.
+	 */
+	private static function get_priority( array $options ): string {
+
+		if ( ! empty( $options['priority'] ) && in_array( $options['priority'], [ 'theme', 'plugin' ], true ) ) {
+			return $options['priority'];
+		}
+
+		/**
+		 * Filters the default component resolution priority.
+		 *
+		 * @since 1.0.0
+		 *
+		 * @param string $priority Default priority. Accepts 'theme' or 'plugin'.
+		 */
+		$default = apply_filters( 'elementary_theme_component_default_priority', 'theme' );
+
+		if ( in_array( $default, [ 'theme', 'plugin' ], true ) ) {
+			return $default;
+		}
+
+		return 'theme';
+	}
+
+	/**
+	 * Get the source resolution order based on priority.
+	 *
+	 * @param string $priority 'theme' or 'plugin'.
+	 * @param array  $paths    Registered paths keyed by source.
+	 *
+	 * @return array Ordered list of source keys to check.
+	 */
+	private static function get_source_order( string $priority, array $paths ): array {
+
+		$sources = array_keys( $paths );
+
+		if ( 'plugin' === $priority ) {
+			// Move 'plugin' to front if it exists.
+			$key = array_search( 'plugin', $sources, true );
+
+			if ( false !== $key ) {
+				unset( $sources[ $key ] );
+				array_unshift( $sources, 'plugin' );
+			}
+		} else {
+			// Move 'theme' to front if it exists.
+			$key = array_search( 'theme', $sources, true );
+
+			if ( false !== $key ) {
+				unset( $sources[ $key ] );
+				array_unshift( $sources, 'theme' );
+			}
+		}
+
+		return array_values( $sources );
+	}
+}
diff --git a/inc/Framework/Traits/AssetLoaderTrait.php b/inc/Framework/Traits/AssetLoaderTrait.php
index 59d59034..46f616d4 100644
--- a/inc/Framework/Traits/AssetLoaderTrait.php
+++ b/inc/Framework/Traits/AssetLoaderTrait.php
@@ -84,9 +84,10 @@ private function register_style( string $handle, string $file, array $deps = [],
 	 */
 	private function get_asset_meta( string $file, array $deps = [], string|bool|null $ver = false ): array {
 		$normalized_file   = ltrim( str_replace( '\\', '/', $file ), '/' );
-		$asset_meta_target = preg_replace( '/\.[^\/.]+$/', '', $normalized_file ) ?: $normalized_file;
+		$asset_meta_target = preg_replace( '/\.[^\/.]+$/', '', $normalized_file );
+		$asset_meta_target = $asset_meta_target ? $asset_meta_target : $normalized_file;
 		$asset_meta_file   = sprintf( '%s/%s.asset.php', untrailingslashit( ELEMENTARY_THEME_BUILD_DIR ), $asset_meta_target );
-		$asset_meta      = is_readable( $asset_meta_file )
+		$asset_meta        = is_readable( $asset_meta_file )
 			? require $asset_meta_file
 			: [
 				'dependencies' => [],
diff --git a/inc/helpers/custom-functions.php b/inc/helpers/custom-functions.php
index 98e7996f..0952dfcc 100644
--- a/inc/helpers/custom-functions.php
+++ b/inc/helpers/custom-functions.php
@@ -7,4 +7,44 @@
 
 declare( strict_types = 1 );
 
-// Define custom functions here.
+use rtCamp\Theme\Elementary\Framework\ComponentLoader;
+
+if ( ! function_exists( 'elementary_theme_component' ) ) {
+
+	/**
+	 * Render a component by name.
+	 *
+	 * Global convenience wrapper for ComponentLoader::render().
+	 *
+	 * @since 1.0.0
+	 *
+	 * @param string $name    Component name (e.g. 'Button', 'Card').
+	 * @param array  $args    Arguments to pass to the component.
+	 * @param array  $options Optional. Resolution options. See ComponentLoader::render().
+	 *
+	 * @return void
+	 */
+	function elementary_theme_component( string $name, array $args = [], array $options = [] ): void {
+		ComponentLoader::render( $name, $args, $options );
+	}
+}
+
+if ( ! function_exists( 'elementary_theme_get_component' ) ) {
+
+	/**
+	 * Get the rendered HTML of a component as a string.
+	 *
+	 * Global convenience wrapper for ComponentLoader::get().
+	 *
+	 * @since 1.0.0
+	 *
+	 * @param string $name    Component name (e.g. 'Button', 'Card').
+	 * @param array  $args    Arguments to pass to the component.
+	 * @param array  $options Optional. Resolution options. See ComponentLoader::get().
+	 *
+	 * @return string Rendered component HTML.
+	 */
+	function elementary_theme_get_component( string $name, array $args = [], array $options = [] ): string {
+		return ComponentLoader::get( $name, $args, $options );
+	}
+}
diff --git a/phpcs.xml.dist b/phpcs.xml.dist
index bb96a577..a8d65e27 100644
--- a/phpcs.xml.dist
+++ b/phpcs.xml.dist
@@ -100,6 +100,8 @@
 			</property>
 		</properties>
 		<exclude-pattern>tests/bootstrap.php</exclude-pattern>
+		<!-- Component partials are always require'd inside ComponentLoader::render(), so variables are method-scoped at runtime. -->
+		<exclude-pattern>src/Components/*</exclude-pattern>
 	</rule>
 
 	<rule ref="WordPress-Docs">
@@ -112,6 +114,8 @@
 
 	<rule ref="WordPress.WP.GlobalVariablesOverride.Prohibited">
 		<exclude-pattern>tests/*</exclude-pattern>
+		<!-- Component partials are always require'd inside ComponentLoader::render(), so variables are method-scoped at runtime. -->
+		<exclude-pattern>src/Components/*</exclude-pattern>
 	</rule>
 
 	<!--
diff --git a/src/Components/Button/Button.php b/src/Components/Button/Button.php
new file mode 100644
index 00000000..4b0f682e
--- /dev/null
+++ b/src/Components/Button/Button.php
@@ -0,0 +1,43 @@
+<?php
+/**
+ * Button component.
+ *
+ * A render-only component that outputs a button or link element.
+ *
+ * @package rtCamp\Theme\Elementary
+ *
+ * @param array $args {
+ *     Component arguments.
+ *
+ *     @type string $label Button label text. Required.
+ *     @type string $url   URL for link buttons. Optional.
+ *     @type string $class Additional CSS classes. Optional.
+ *     @type string $tag   HTML tag: 'a' or 'button'. Optional. Defaults to 'a' when $url is set, 'button' otherwise.
+ * }
+ */
+
+$label = $args['label'] ?? '';
+$url   = $args['url'] ?? '';
+$class = $args['class'] ?? '';
+$tag   = $args['tag'] ?? ( ! empty( $url ) ? 'a' : 'button' );
+
+if ( empty( $label ) ) {
+	return;
+}
+
+$css_class = trim( 'elementary-button ' . $class );
+
+if ( 'a' === $tag && ! empty( $url ) ) {
+	printf(
+		'<a href="%s" class="%s">%s</a>',
+		esc_url( $url ),
+		esc_attr( $css_class ),
+		esc_html( $label )
+	);
+} else {
+	printf(
+		'<button type="button" class="%s">%s</button>',
+		esc_attr( $css_class ),
+		esc_html( $label )
+	);
+}
diff --git a/src/Components/Card/Card.php b/src/Components/Card/Card.php
new file mode 100644
index 00000000..8e0cd48e
--- /dev/null
+++ b/src/Components/Card/Card.php
@@ -0,0 +1,63 @@
+<?php
+/**
+ * Card component.
+ *
+ * A render-only component that outputs a card with optional image, title,
+ * description, and action button. Demonstrates component composability
+ * by rendering the Button component internally.
+ *
+ * @package rtCamp\Theme\Elementary
+ *
+ * @param array $args {
+ *     Component arguments.
+ *
+ *     @type string $title       Card title. Required.
+ *     @type string $description Card description text. Optional.
+ *     @type string $image_url   Card image URL. Optional.
+ *     @type string $url         Card link URL. Optional.
+ * }
+ */
+
+use rtCamp\Theme\Elementary\Framework\ComponentLoader;
+
+$title       = $args['title'] ?? '';
+$description = $args['description'] ?? '';
+$image_url   = $args['image_url'] ?? '';
+$url         = $args['url'] ?? '';
+
+if ( empty( $title ) ) {
+	return;
+}
+
+?>
+<div class="elementary-card">
+	<?php if ( ! empty( $image_url ) ) : ?>
+		<div class="elementary-card__image">
+			<img src="<?php echo esc_url( $image_url ); ?>" alt="<?php echo esc_attr( $title ); ?>" />
+		</div>
+	<?php endif; ?>
+
+	<div class="elementary-card__content">
+		<h3 class="elementary-card__title"><?php echo esc_html( $title ); ?></h3>
+
+		<?php if ( ! empty( $description ) ) : ?>
+			<p class="elementary-card__description"><?php echo esc_html( $description ); ?></p>
+		<?php endif; ?>
+
+		<?php if ( ! empty( $url ) ) : ?>
+			<div class="elementary-card__action">
+				<?php
+				ComponentLoader::render(
+					'Button',
+					[
+						'label' => $title,
+						'url'   => $url,
+						'class' => 'elementary-card__button',
+					]
+				);
+				?>
+			</div>
+		<?php endif; ?>
+	</div>
+</div>
+<?php
diff --git a/tests/php/inc/Framework/ComponentLoaderTest.php b/tests/php/inc/Framework/ComponentLoaderTest.php
new file mode 100644
index 00000000..9c727f04
--- /dev/null
+++ b/tests/php/inc/Framework/ComponentLoaderTest.php
@@ -0,0 +1,403 @@
+<?php
+/**
+ * Tests for ComponentLoader.
+ *
+ * @package rtCamp\Theme\Elementary
+ */
+
+declare( strict_types = 1 );
+
+use rtCamp\Theme\Elementary\Tests\TestCase;
+use rtCamp\Theme\Elementary\Framework\ComponentLoader;
+
+/**
+ * Class ComponentLoaderTest
+ *
+ * @since 1.0.0
+ */
+class ComponentLoaderTest extends TestCase {
+
+	/**
+	 * Test if ComponentLoader class exists.
+	 */
+	public function test_class_exists(): void {
+		$this->assertTrue( class_exists( ComponentLoader::class ) );
+	}
+
+	/**
+	 * Test render outputs component HTML for a known component.
+	 */
+	public function test_render_outputs_button_component(): void {
+		ob_start();
+		ComponentLoader::render( 'Button', [ 'label' => 'Test Button' ] );
+		$output = ob_get_clean();
+
+		$this->assertStringContainsString( 'Test Button', $output );
+		$this->assertStringContainsString( '<button', $output );
+		$this->assertStringContainsString( 'elementary-button', $output );
+	}
+
+	/**
+	 * Test render outputs nothing for a missing component.
+	 */
+	public function test_render_missing_component_outputs_nothing(): void {
+		ob_start();
+		ComponentLoader::render( 'NonExistentComponent', [ 'label' => 'Test' ] );
+		$output = ob_get_clean();
+
+		$this->assertEmpty( $output );
+	}
+
+	/**
+	 * Test render rejects unsafe names containing path separators.
+	 */
+	public function test_render_rejects_component_name_with_slash(): void {
+		ob_start();
+		ComponentLoader::render( '../Button', [ 'label' => 'Test' ] );
+		$output = ob_get_clean();
+
+		$this->assertEmpty( $output );
+	}
+
+	/**
+	 * Test get() rejects unsafe names containing directory traversal tokens.
+	 */
+	public function test_get_rejects_component_name_with_dot_dot(): void {
+		$output = ComponentLoader::get( '..' );
+
+		$this->assertSame( '', $output );
+	}
+
+	/**
+	 * Test get() returns component HTML and does not echo directly.
+	 */
+	public function test_get_returns_markup_without_direct_output(): void {
+		$this->expectOutputString( '' );
+		$markup = ComponentLoader::get( 'Button', [ 'label' => 'Buffered' ] );
+
+		$this->assertStringContainsString( 'Buffered', $markup );
+		$this->assertStringContainsString( '<button', $markup );
+	}
+
+	/**
+	 * Test render rejects names containing backslashes.
+	 */
+	public function test_render_rejects_component_name_with_backslash(): void {
+		ob_start();
+		ComponentLoader::render( '..\\Button', [ 'label' => 'Test' ] );
+		$output = ob_get_clean();
+
+		$this->assertEmpty( $output );
+	}
+
+	/**
+	 * Test render accepts names with surrounding whitespace after normalization.
+	 */
+	public function test_render_trims_component_name_before_resolving(): void {
+		ob_start();
+		ComponentLoader::render( '  Button  ', [ 'label' => 'Trimmed' ] );
+		$output = ob_get_clean();
+
+		$this->assertStringContainsString( 'Trimmed', $output );
+	}
+
+	/**
+	 * Test render rejects empty names after normalization.
+	 */
+	public function test_render_rejects_empty_component_name(): void {
+		ob_start();
+		ComponentLoader::render( '   ', [ 'label' => 'Test' ] );
+		$output = ob_get_clean();
+
+		$this->assertEmpty( $output );
+	}
+
+	/**
+	 * Test Button component renders a link when url is provided.
+	 */
+	public function test_button_with_url_renders_link(): void {
+		ob_start();
+		ComponentLoader::render(
+			'Button',
+			[
+				'label' => 'Click Me',
+				'url'   => 'https://example.com',
+			]
+		);
+		$output = ob_get_clean();
+
+		$this->assertStringContainsString( '<a href="https://example.com"', $output );
+		$this->assertStringContainsString( 'Click Me', $output );
+	}
+
+	/**
+	 * Test Button component renders nothing when label is empty.
+	 */
+	public function test_button_empty_label_renders_nothing(): void {
+		ob_start();
+		ComponentLoader::render( 'Button', [] );
+		$output = ob_get_clean();
+
+		$this->assertEmpty( $output );
+	}
+
+	/**
+	 * Test Card component renders with title and description.
+	 */
+	public function test_card_renders_with_content(): void {
+		ob_start();
+		ComponentLoader::render(
+			'Card',
+			[
+				'title'       => 'Test Card',
+				'description' => 'A test description.',
+			]
+		);
+		$output = ob_get_clean();
+
+		$this->assertStringContainsString( 'elementary-card', $output );
+		$this->assertStringContainsString( 'Test Card', $output );
+		$this->assertStringContainsString( 'A test description.', $output );
+	}
+
+	/**
+	 * Test Card component renders Button when url is provided.
+	 */
+	public function test_card_with_url_renders_button(): void {
+		ob_start();
+		ComponentLoader::render(
+			'Card',
+			[
+				'title' => 'Linked Card',
+				'url'   => 'https://example.com',
+			]
+		);
+		$output = ob_get_clean();
+
+		$this->assertStringContainsString( 'elementary-card__button', $output );
+		$this->assertStringContainsString( 'https://example.com', $output );
+	}
+
+	/**
+	 * Test the elementary_theme_component_paths filter is applied.
+	 */
+	public function test_component_paths_filter_is_applied(): void {
+		$filter_called = false;
+
+		$callback = function ( $paths ) use ( &$filter_called ) {
+			$filter_called = true;
+			return $paths;
+		};
+
+		add_filter( 'elementary_theme_component_paths', $callback );
+
+		ob_start();
+		ComponentLoader::render( 'Button', [ 'label' => 'Test' ] );
+		ob_end_clean();
+
+		remove_filter( 'elementary_theme_component_paths', $callback );
+
+		$this->assertTrue( $filter_called );
+	}
+
+	/**
+	 * Test non-array component paths filter return is handled safely.
+	 */
+	public function test_component_paths_filter_non_array_return_is_handled(): void {
+		$callback = function () {
+			return 'invalid-paths';
+		};
+
+		add_filter( 'elementary_theme_component_paths', $callback );
+
+		ob_start();
+		ComponentLoader::render( 'Button', [ 'label' => 'Test' ] );
+		$output = ob_get_clean();
+
+		remove_filter( 'elementary_theme_component_paths', $callback );
+
+		$this->assertEmpty( $output );
+	}
+
+	/**
+	 * Test malformed path entries are ignored while valid entries still resolve.
+	 */
+	public function test_component_paths_filter_malformed_entries_are_ignored(): void {
+		$callback = function ( $paths ) {
+			return [
+				'theme'  => $paths['theme'],
+				'plugin' => [ 'not-a-string-path' ],
+				''       => '/tmp',
+			];
+		};
+
+		add_filter( 'elementary_theme_component_paths', $callback );
+
+		ob_start();
+		ComponentLoader::render( 'Button', [ 'label' => 'Sanitized Paths' ] );
+		$output = ob_get_clean();
+
+		remove_filter( 'elementary_theme_component_paths', $callback );
+
+		$this->assertStringContainsString( 'Sanitized Paths', $output );
+	}
+
+	/**
+	 * Test the elementary_theme_component_default_priority filter is applied.
+	 */
+	public function test_default_priority_filter_changes_resolution_order(): void {
+		$tmp_dir     = rtrim( sys_get_temp_dir(), '/\\' ) . '/elementary-test-priority-filter-' . uniqid( '', true );
+		$button_dir  = $tmp_dir . '/Button';
+		$button_file = $button_dir . '/Button.php';
+
+		mkdir( $button_dir, 0755, true ); // phpcs:ignore
+
+		file_put_contents( // phpcs:ignore
+			$button_file,
+			'<?php echo "priority-filter-plugin-button";'
+		);
+
+		$paths_callback = function ( $paths ) use ( $tmp_dir ) {
+			$paths['plugin'] = $tmp_dir;
+			return $paths;
+		};
+
+		$priority_callback = function () {
+			return 'plugin';
+		};
+
+		add_filter( 'elementary_theme_component_paths', $paths_callback );
+		add_filter( 'elementary_theme_component_default_priority', $priority_callback );
+
+		try {
+			ob_start();
+			ComponentLoader::render( 'Button', [ 'label' => 'Test' ] );
+			$output = ob_get_clean();
+
+			// The filter returned 'plugin', so the plugin Button must be resolved first.
+			$this->assertStringContainsString( 'priority-filter-plugin-button', $output );
+		} finally {
+			remove_filter( 'elementary_theme_component_paths', $paths_callback );
+			remove_filter( 'elementary_theme_component_default_priority', $priority_callback );
+
+			if ( is_file( $button_file ) ) {
+				unlink( $button_file ); // phpcs:ignore
+			}
+
+			if ( is_dir( $button_dir ) ) {
+				rmdir( $button_dir ); // phpcs:ignore
+			}
+
+			if ( is_dir( $tmp_dir ) ) {
+				rmdir( $tmp_dir ); // phpcs:ignore
+			}
+		}
+	}
+
+	/**
+	 * Test that priority option 'plugin' is accepted.
+	 */
+	public function test_plugin_priority_resolves_correctly(): void {
+		// With only theme paths registered and priority='plugin', it should
+		// still fall back to the theme path and render the component.
+		ob_start();
+		ComponentLoader::render( 'Button', [ 'label' => 'Fallback' ], [ 'priority' => 'plugin' ] );
+		$output = ob_get_clean();
+
+		$this->assertStringContainsString( 'Fallback', $output );
+	}
+
+	/**
+	 * Test that invalid priority falls back to theme.
+	 */
+	public function test_invalid_priority_falls_back_to_theme(): void {
+		ob_start();
+		ComponentLoader::render( 'Button', [ 'label' => 'Valid' ], [ 'priority' => 'invalid' ] );
+		$output = ob_get_clean();
+
+		$this->assertStringContainsString( 'Valid', $output );
+	}
+
+	/**
+	 * Test that plugin paths are checked first when priority is 'plugin'.
+	 */
+	public function test_plugin_priority_checks_plugin_path_first(): void {
+		$tmp_dir      = rtrim( sys_get_temp_dir(), '/\\' ) . '/elementary-test-plugin-components-' . uniqid( '', true );
+		$button_dir   = $tmp_dir . '/Button';
+		$button_file  = $button_dir . '/Button.php';
+		$plugin_output = '';
+		$theme_output  = '';
+
+		mkdir( $button_dir, 0755, true ); // phpcs:ignore
+
+		file_put_contents( // phpcs:ignore
+			$button_file,
+			'<?php echo "plugin-button";'
+		);
+
+		$callback = function ( $paths ) use ( $tmp_dir ) {
+			$paths['plugin'] = $tmp_dir;
+			return $paths;
+		};
+
+		add_filter( 'elementary_theme_component_paths', $callback );
+
+		try {
+			// With priority='plugin', the plugin Button should be used.
+			ob_start();
+			ComponentLoader::render( 'Button', [ 'label' => 'Test' ], [ 'priority' => 'plugin' ] );
+			$plugin_output = ob_get_clean();
+
+			// With priority='theme', the theme Button should be used.
+			ob_start();
+			ComponentLoader::render( 'Button', [ 'label' => 'Test' ], [ 'priority' => 'theme' ] );
+			$theme_output = ob_get_clean();
+		} finally {
+			remove_filter( 'elementary_theme_component_paths', $callback );
+
+			if ( is_file( $button_file ) ) {
+				unlink( $button_file ); // phpcs:ignore
+			}
+
+			if ( is_dir( $button_dir ) ) {
+				rmdir( $button_dir ); // phpcs:ignore
+			}
+
+			if ( is_dir( $tmp_dir ) ) {
+				rmdir( $tmp_dir ); // phpcs:ignore
+			}
+		}
+
+		$this->assertStringContainsString( 'plugin-button', $plugin_output );
+		$this->assertStringContainsString( 'elementary-button', $theme_output );
+	}
+
+	/**
+	 * Test that the global wrapper function exists.
+	 */
+	public function test_global_wrapper_function_exists(): void {
+		$this->assertTrue( function_exists( 'elementary_theme_component' ) );
+	}
+
+	/**
+	 * Test that the global wrapper delegates to ComponentLoader.
+	 */
+	public function test_global_wrapper_renders_component(): void {
+		ob_start();
+		elementary_theme_component( 'Button', [ 'label' => 'Global Test' ] );
+		$output = ob_get_clean();
+
+		$this->assertStringContainsString( 'Global Test', $output );
+	}
+
+	/**
+	 * Test the global get wrapper returns markup without direct output.
+	 */
+	public function test_global_get_wrapper_returns_markup_without_direct_output(): void {
+		$this->expectOutputString( '' );
+		$markup = elementary_theme_get_component( 'Button', [ 'label' => 'Global Buffered' ] );
+
+		$this->assertStringContainsString( 'Global Buffered', $markup );
+		$this->assertStringContainsString( '<button', $markup );
+	}
+}