diff options
| -rw-r--r-- | .cursor/commands/review.md | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/.cursor/commands/review.md b/.cursor/commands/review.md index 4361b397..4cc5de36 100644 --- a/.cursor/commands/review.md +++ b/.cursor/commands/review.md @@ -54,6 +54,14 @@ Review every point below carefully to ensure files follow consistent code style ## Tailwind & Styling +- [ ] Always use `cn()` for `className` — never string interpolation with `${}` or ternaries inline + ```tsx + // ❌ wrong + className={`base-class ${isActive && "active"} ${someHelper()}`} + + // ✅ correct + className={cn("base-class", isActive && "active", someHelper())} + ``` - [ ] Use `gap-*` instead of `mb-*` or `mt-*` for consistent spacing - [ ] Use `size-*` instead of `h-* w-*` when width and height are the same - [ ] When using `size-*` on icons inside `<Button>`, use `!` modifier to override default `size-4` |