Filament PHP Blade UI Components Visually Explained cover image

Filament PHP Blade UI Components Visually Explained

Andréia Bohner • June 15, 2024

filament laravel

In addition to the awesome full-stack components that Filament provides, some UI components are also available to be used independently on your Blade view files.

I've been working on creating references to easily visualize these Blade UI components. Here's the series of Filament references. Enjoy!

Click on the images to get a PDF version. You can also view/download the images and PDFs on this GitHub repository.

Components Overview

Blade UI Components Overview

Components for Layout

Include the components: Avatar, Badge, Breadcrumbs, Loading indicator, Section, and Tabs.

Blade UI Components For Layout

Components for Actions

Include the components that can be used on your actions: Button, Dropdown, Icon button, Link, and Modal.

Blade UI Components For Actions

Components for Forms

Include the components that can be used on your forms: Checkbox, Radio, Fieldset, Input, Input wrapper, and Select.

Blade UI Components For Forms

Components for Tables

Include the components that can be used on your tables: table elements (cell, row, header, ...), and Pagination.

Blade UI Components For Tables

I hope they've come in handy for your projects!