Download the PHP package aqua/blade-emerald without Composer
On this page you can find all versions of the php package aqua/blade-emerald. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download aqua/blade-emerald
More information about aqua/blade-emerald
Files in aqua/blade-emerald
Package blade-emerald
Short Description Emmet like Abbreviation to generate and wrap Laravel Blade Component with markup
License MIT
Homepage https://github.com/aqquaa/blade-emerald
Informations about the package blade-emerald
Laravel Blade Emerald
Emmet like Abbreviation to generate and wrap Laravel Blade Component with markup
🌈 Features
- Generate HTML in a Blade file via package provided component:
<x-markup make="div.col>span#alert">
- Emmet style syntax to produce nested markup
- Wrap around any content / other component with markup
- Make any Blade Component accept abbreviation to wrap itself with markup ( doesn't work for Anonymous Components )
🛸 Compatibility
Package Version | Laravel version | PHP version | Compatible |
---|---|---|---|
^1.2 | 10.* | 8.1 - 8.2 | 🟢 |
^1.0 | 9.* | 8.0 - 8.1 | 🟢 |
^1.0 | 8.* | 7.3 - 8.0 | 🟢 |
7.* | 7.3 - 7.4 | 🔴 |
📥 Installation
📖 Usage
💡 The package provides a Blade Component <x-emerald-markup />
, This component can be used like <x-markup ...>
as an alias.
The component support one prop named make
which accept the abbreviation
🏷️ Generate static nested markup
produced html
🏷️ Wrap some content
produced html
🏷️ Accept abbreviation in your Blade Component
this feature doesn't support Anonymous Components
-
use
Aqua\Emerald\Traits\Markup
trait in your Component Class - the
Markup
trait assumes the prop name to bewrap
, so lets add this as a class property & instantiate
read more about constructor property promotion
- accept abbreviation
produced html
- accept abbreviation using prop of your choise
to customize the prop name that receives the abbreviation create a static property
$wrapby
and set its value to your prop name
🧰 Useful Examples
Bootstrap grid
Breadcrumb
Bootstrap card with links
Bootstrap form-group
Self closing tag
Alpine x-for
> equivalent to📚 Abbreviation Guide
checkout spatie/html-element to get more idea.
Syntax | Example | Description |
---|---|---|
#id |
p#foo |
ID attribute |
.class |
p.foo |
Class attribute |
> |
div.row>div.col |
Nesting with child |
[style='color:green;'] |
div[style='color:green;'] |
Single attribute |
[title=Hello world][data-foo=bar] |
Multiple attributes |
📅 Changelog
Please see CHANGELOG for more information on what has changed recently.
🏆 Credits
This package is actually a wrapper around spatie/html-element, all the hard work has been done by Team Spatie so they deserve all the credits. All I did is make it work with Laravel Blade Components.
🎫 License
The MIT License (MIT). Please see License File for more information.
All versions of blade-emerald with dependencies
illuminate/support Version ^8.0|^9.0|^10.0
illuminate/view Version ^8.0|^9.0|^10.0
spatie/html-element Version ^1.1.4