You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardexpand all lines: README.md
+11-7
Original file line number
Diff line number
Diff line change
@@ -10,10 +10,12 @@ A package to easily make use of Heroicons in your Statamic sites. This package i
10
10
11
11
For a full list of available icons see [the SVG directory](https://github.com/blade-ui-kit/blade-heroicons/tree/main/resources/svg) from the [`blade-ui-kit/blade-heroicons`](https://github.com/blade-ui-kit/blade-heroicons) repository or preview them at [heroicons.com](https://heroicons.com/). Heroicons are originally developed by [Steve Schoger](https://twitter.com/steveschoger) and [Adam Wathan](https://twitter.com/adamwathan).
12
12
13
+
If you're looking to use Heroicons v1, please use the v1 version of the package.
14
+
13
15
## Requirements
14
16
15
-
- PHP 7.4 or higher
16
-
- Laravel 8.0 or higher
17
+
- PHP 8.1 or higher
18
+
- Laravel 9.0 or higher
17
19
- Statamic 3.3 or higher
18
20
19
21
Apart from the requirements above, it is required that you use Statamic's new Runtime Antlers engine. Read more about it and how to enable it in [Statamic's official documentation](https://statamic.dev/new-antlers-parser#about).
@@ -33,11 +35,13 @@ If you need additional options, you can publish the [`blade-ui-kit/blade-heroico
@@ -47,9 +51,9 @@ Apart from a couple of reserved prop names (`as`, `scope`, `variant`, `icon`), a
47
51
The `{{ heroicon }}` tag also allows you to pass dynamically binded attributes like you would use in a JavaScript framework like Alpine.js. The only gotcha is that you cannot use the shorthand syntax `:class="condition ? 'text-red-500' : 'text-green-500'"`. You must use the full binding (e.g. `x-bind:class`, `v-bind:class`). Example:
0 commit comments