Gradient Field is a Statamic addon that enables users to create linear gradients.
Features
- Multiple gradient colour stop selection.
- Colour transparency selection.
- Gradient angle selection.
- Gradient presets.
How to Install
You can install this addon via Composer:
composer require stuartcusackie/statamic-gradient-field
How to Use
- Install the field via composer.
- Add the field to your blueprints.
- Update the field configuration options for presets and disabling custom gradients.
- Use the generated CSS in your templates. Example below.
<div class="w-8 h-8" style="background: {{ gradientField }}"></div>