diff --git a/CHANGELOG.md b/CHANGELOG.md index 3ceea18..6b6b5d7 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -161,15 +161,17 @@ ### Migration Notes -To keep the previous `.form` wrapper behavior, define it in your own Tailwind CSS: +The `.form` wrapper can't be recreated with `@apply`: Tailwind v4 only applies utilities, not Basecoat's component classes. Wrap each label and control in a `.field` instead: -```css -.form label { @apply label; } -.form input { @apply input; } -.form textarea { @apply textarea; } -.form select { @apply select; } +```html +
+ + +
``` +Or add the component class to each element: `class="label"`, `class="input"`, `class="textarea"`, or `class="select"` on a native `