Is the count announced?

Only if you tie it in with aria-describedby on the textarea.

shadcn.io is not affiliated with official shadcn/ui

Character Counter Input Group (Textarea) for React

An InputGroupAddon with align="block-end" and border-t, after the textarea. ms-auto on the count pushes it to the end.

maxLength={500} on InputGroupTextarea.

At least 120 pixels from min-h-[120px], growing with its content.

A message textarea with its 500-character limit shown in a footer row.

A long-form field with its limit under it: a bordered block-end row shows 0/500 at its end, and maxLength on the textarea enforces it.

PreviewCode

0/500

Free with an account. It carries your token, so the CLI installs everything in one go.

An InputGroupAddon with align="block-end" and border-t, after the textarea. ms-auto on the count pushes it to the end.

maxLength={500} on InputGroupTextarea.

No, it's fixed text. Keep the value in state and render its length.

At least 120 pixels from min-h-[120px], growing with its content.

aria-label="Message".