# Blade Components
**Package:** Laravel Modules | **Version:** 3 | **URL:** https://mozex.dev/docs/laravel-modules/v3/features/blade-components
---
Class-based Blade components in modules are discovered and registered with namespaced aliases. A component class at `Modules/Blog/View/Components/Card.php` becomes ``. Nested directories become dot-separated paths: `Post/Card.php` becomes ``.
The package scans for non-abstract classes that extend `Illuminate\View\Component`. Abstract base classes and interfaces are ignored.
## Default configuration
```php
'blade-components' => [
'active' => true,
'patterns' => [
'*/View/Components',
],
],
```
## Directory layout
```
Modules/Blog/
└── View/
└── Components/
├── Card.php //
├── Filter.php //
└── Post/
├── Card.php //
└── Summary.php //
```
## Writing a component
Module Blade components work exactly like regular Laravel Blade components. Extend `Illuminate\View\Component`, accept data through the constructor, and return a view from `render()`:
```php
namespace Modules\Blog\View\Components;
use Illuminate\View\Component;
class Card extends Component
{
public function __construct(
public string $title,
public string $excerpt,
public ?string $image = null,
) {}
public function render()
{
return view('blog::components.card');
}
}
```
The view file lives in the module's view directory:
```blade
{{-- Modules/Blog/Resources/views/components/card.blade.php --}}
@if($image)
@endif
{{ $title }}
{{ $excerpt }}