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.
- Axe
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.jsonConformance
Verified against the @publictheta/ui-spec selection-info specification on both the React and vanilla reference implementations, across Chromium, Firefox, and WebKit.
- Axe — No WCAG 2 A/AA axe-core violations
See the full conformance matrix across all components.