shadcn · SHAD0003

Avoid arbitrary Tailwind values

Use the design system's existing values instead of arbitrary utilities.
SHAD0003vite-doctor/shadcnuiwarnSuggestion

Run this rule

pnpm vite-doctor . --extends shadcn/strict --rules shadcn/no-arbitrary-values

Why it matters

Arbitrary utility values bypass theme tokens and scale values, making appearance harder to change consistently. Exceptions follow the configured class policy.

Choose an existing theme token or scale utility that matches the intended design. Review suggested replacements before applying them.

Example

Use the spacing scale

Before

<div className="p-[16px]">Account settings</div>

After

<div className="p-4">Account settings</div>
Copyright © 2026