What is the Input height: h-8 or h-9?

[ruth-savchenko]

Hi @shadcn!
I’m a bit confused about the default height for the Input component.

• In the documentation examples Input uses h-8.
• But in a freshly initialized project with npx shadcn@latest init (New York preset), the generated Input uses h-9.

Could you clarify which height for the New York preset is the default now?
Is h-9 the default for the New York preset and the docs are just not updated yet, or should the docs and presets match?

Documentation:

New project (New York preset):

[jaem0629]

The CLI installs "style": "new-york" by default(h-9).
The documentation shows Radix/Base UI presets h-8 which are already defined in the JSON schema, but not yet exposed in the CLI.

So your project with h-9 is correct.
I think based on the schema definitions and the docs defaulting to Radix/Base UI tabs, it looks like new style presets are being prepared.

[krishparmar22242]

h-9 (36px) is the intended default for the New York preset in the current version of the CLI

If this clarification helps you align your project's UI, please consider marking this as the accepted answer so it can help other developers wondering about the New York preset standards!

[KeepALifeUS]

Answer

The height difference is intentional and depends on the style preset:

Preset	Input Height	Design Philosophy
Default	h-10 (40px)	Standard, comfortable
New York	h-9 (36px)	Compact, dense UI

Why the difference?

The New York preset is designed for denser, more compact interfaces (similar to Linear, Vercel dashboard style). The h-9 provides tighter spacing while maintaining usability.

Documentation Note

The docs show h-8 in some examples because they were written for an older version. The current New York preset uses h-9 as the default.

If you need consistency:

// Force h-8 if you prefer smaller inputs
<Input className="h-8" />

// Or update your input.tsx component
const Input = React.forwardRef<...>(({ className, ...props }, ref) => (
  <input
    className={cn(
      "h-8 ...", // Change from h-9 to h-8
      className
    )}
    ref={ref}
    {...props}
  />
))

TL;DR: h-9 is the current correct default for New York preset. The docs are slightly outdated.