PHPackages                             blackpig-creatif/filament-component-picker - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility &amp; Helpers](/categories/utility)
4. /
5. blackpig-creatif/filament-component-picker

ActiveLibrary[Utility &amp; Helpers](/categories/utility)

blackpig-creatif/filament-component-picker
==========================================

Add a component picker to your filament RichEditor fields

v2.0.0(2mo ago)08MITPHPPHP ^8.2|^8.3|^8.4CI passing

Since Oct 15Pushed 2mo agoCompare

[ Source](https://github.com/Blackpig/filament-component-picker)[ Packagist](https://packagist.org/packages/blackpig-creatif/filament-component-picker)[ Docs](https://github.com/blackpig/filament-component-picker)[ GitHub Sponsors](https://github.com/filamentphp)[ RSS](/packages/blackpig-creatif-filament-component-picker/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (4)Dependencies (8)Versions (7)Used By (0)

Filament Component Picker
=========================

[](#filament-component-picker)

A powerful FilamentPHP package that provides a component picker for RichEditor fields with shortcode rendering support. Insert Blade components into rich text content using a visual picker, and render them on your frontend using shortcode syntax.

Features
--------

[](#features)

- 🎨 **Visual Component Picker** - Add a button to any RichEditor field to insert components
- 🔍 **Auto-discovery** - Automatically discovers components from configured directories
- 📝 **Shortcode Rendering** - Parse and render `[component-name attr="value"]` shortcodes on the frontend
- 🎯 **Smart Type Detection** - Automatically detects component prop types (text, URL, KeyValue, nested objects)
- 🎨 **CSS Class Merging** - Supports components with `$attributes->merge()` for custom styling
- ⚙️ **Highly Configurable** - Customize directories, labels, exclusions, and more

Requirements
------------

[](#requirements)

- PHP 8.2 or higher
- Laravel 11.x or 12.x
- Filament 3.x

Installation
------------

[](#installation)

Install the package via composer:

```
composer require blackpig-creatif/filament-component-picker
```

Optionally, you can publish the config file with:

```
php artisan vendor:publish --tag="blackpig-creatif-component-picker-config"
```

This is the contents of the published config file:

```
