
Classify
Classify is a useful helper to add CSS classes to all of your HTML tags, created by the Bard editor.
What it does
Bards default output would be:
<h1>A nice headline</h1>
<p>Something really <a href="#">important</a></p>
Would you like to add some classes to different HTML tags?
<h1 class="text-2xl">A nice headline</h1>
<p>Something really <a class="link hover:blue" href="#">important</a></p>
In that case, Classify will be your friend.
Installation
Requirements
- Statamic v3
- Laravel 8
- PHP >= 7.4
Version Compatibility
Classify | Statamic | Laravel |
---|---|---|
^1.0 | 3.0 | ^7.0 |
^2.0 | 3.0 | ^8.0 |
^2.1 | 3.1 | ^8.0 |
Install addon
There are two ways to install the Classify addon.
Control panel
Install Classify from the Tools > Addons
section of your control panel.
Composer
Install Classify via composer:
composer require visuellverstehen/statamic-classify
Publish config file
The installation process will automatically publish the classify.php
file into the config
folder.
Usage
Configuration
To add or change style sets, simply add or change an array with classes that should be added to the HTML tag.
'default' => [
'h1' => 'text-2xl',
'a' => 'link hover:blue',
],
Usage
If you want to use the default style set, use the classify
modifier.
{{ bard_text | classify }}
If you want to add multiple style sets, define those in the config file. For example:
// config
'blog' => [
'button' => 'button button--blue',
'a' => 'link',
],
// Antlers view
{{ bard_text | classify:blog }}
More about us
License
The MIT License (MIT). Please take a look at our License File for more information.