Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:component1 dependency

Char Limit Indicator

ui/input-controls/char-limit-indicator

A radial progress ring + n/MAX monospace counter that turns error-colored when over the limit, deriving the percentage internally from charCount + maxLength. Pure SVG, shadcn/CSS-variable themed (not daisyUI). Self-contained — sits beside any length-bounded textarea or PromptInput.

@localmodeRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

@localmode

More from @localmode

All 28 items
Voice Orb
ui/audio/voice-orb
Component
In-Message Error
ui/conversation/in-message-error
Component
Prompt Input
ui/conversation/prompt-input
Component
Structured Output Viewer
ui/conversation/structured-output-viewer
Component
System Notice Banner
ui/conversation/system-notice-banner
Component
Format Detection Badge
ui/data-documents/format-detection-badge
Component
Browser Compat Card
ui/local-first/browser-compat-card
Component
Embedding Drift Banner
ui/local-first/embedding-drift-banner
Component