Github

Classname Field

Apply Tailwind classes wherever they are needed.

Atomic Payload Is Not Recommended For Production Builds At The Moment

Overview

The Classname field is a reusable field which you can apply to any block, collection or global you need Tailwind styles for.

Planned Implementation

Currently there are no guard rails for writing Tailwind styles in the Payload admin UI. Therefore it is important to implement something similar to the UnoCSS playground example. Where there is autocomplete implemented for faster class generation.

Notes

In the code, if a name is provided to the field, "ClassName" is automatically attached at the end of the name. This way the Atomic Hook can automatically grab all string values of keys ending in "ClassName", and you can have multiple Classname fields on the same level without conflict.