Plugins
Components
A collection of handy components that can be used in almost any project, like sidebars, timestamps & more.
Form Builder
Kit
Form Layout
Form Field
Panel Builder
Dark theme support
Yes
Multi language support
Yes
Compatible with the latest version
Supported versions: 2.x - 3.x
Documentation

laravel-filament-components

This package is a collection of handy components for you to use in all your Filament projects. It provides handy components that can be used in almost any project, like sidebars, timestamps & more.

PRs are welcome, so if you've made a handy component yourself, feel free to send a pull request!

#Installation

You can install the package via composer:

composer require ralphjsmit/laravel-filament-components

#Usage

Currently, the following components are available:

  1. Sidebar
  2. Timestamps
  3. UpdatedAt
  4. CreatedAt
  5. DeletedAt
  6. Timestamp

#Sidebar

You can use the Sidebar component to split the form into two distinct sections, like a sidebar:

use RalphJSmit\Filament\Components\Forms\Sidebar;
 
Sidebar::make([
// Components for the main section here
],[
// Components for the sidebar section here
])

If you're using it in the Admin panel, you can use the Sidebar in your form() method:

use Filament\Forms\Components\Section;
use Filament\Forms\Components\TextInput;
use Filament\Resources\Form;
use RalphJSmit\Filament\Components\Forms\Timestamps;
use RalphJSmit\Filament\Components\Forms\Sidebar;
 
public static function form(Form $form): Form
{
return $form->schema([
Sidebar::make([
Section::make()
->schema([
TextInput::make('title')->label('Title'),
// ...
]),
// ...
], [
Section::make()
->schema([
...Timestamps::make(),
// ...
]),
// ...
]),
]);
}

Sidebars work very nicely with the Section component to define distinct and easily scannable sections in your interface.

#Timestamps

Use the Timestamps component to display a 'Created at' and 'Updated at' timestamp for your record:

use RalphJSmit\Filament\Components\Forms\Timestamps;
 
return $form->schema([
...Timestamps::make(),
//
]);

The Timestamps component returns an array with the CreatedAt and UpdatedAt components below, so you should use array spreading like in the example to merge the components into your own array.

#CreatedAt

Use the CreatedAt component to display the created_at timestamp for your record:

use RalphJSmit\Filament\Components\Forms\CreatedAt;
 
return $form->schema([
CreatedAt::make(),
//
]);

#UpdatedAt

Use the UpdatedAt component to display the updated_at timestamp for your record:

use RalphJSmit\Filament\Components\Forms\UpdatedAt;
 
return $form->schema([
UpdatedAt::make(),
//
]);

#DeletedAt

Use the DeletedAt component to display the deleted_at timestamp for your soft-delete record:

use RalphJSmit\Filament\Components\Forms\DeletedAt;
 
return $form->schema([
DeletedAt::make(),
//
]);

#Timestamp

Use the Timestamp component to display a custom timestamp for your record. Internally, all of the above timestamps use this component.

use RalphJSmit\Filament\Components\Forms\Timestamp;
 
return $form->schema([
Timestamp::make('email_verified_at'),
//
]);

#General

🐞 If you spot a bug, please submit a detailed issue and I'll try to fix it as soon as possible.

🔐 If you discover a vulnerability, please review our security policy.

🙌 If you want to contribute, please submit a pull request. All PRs will be fully credited. If you're unsure whether I'd accept your idea, feel free to contact me!

🙋‍♂️ Ralph J. Smit

Ralph J. Smit

Ralph, a skilled full-stack Laravel software engineer, freelances and has a strong presence in the Filament community. He's the developer behind Media Library Pro and crafts other premium Filament packages as well.

8
Plugins
612
Stars
More from this author
Featured Plugins