← ui-lab

Selection Info

A passage of prose with a live status that counts how many characters you have selected inside it, updated on every selection change and announced via a polite live region. Selection outside the passage is ignored. Select some text in the passage below to see the count.

Preview

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Select any text in the passage above to count it.

No text selected

Installation

npx shadcn@latest add https://ui.publictheta.com/r/selection-info.json

Conformance

This component conforms to the @publictheta/ui-spec selection-info specification. Run the suite against any implementation with pnpm conformance.