Skip to content
kapable

LivePill

Data display · 1 export · v0.1.0 · showcase

SSE connection indicator whose honest server state is connecting.

Browse 72 component families

LivePill truthfully renders “connecting” during SSR, then needs a real SSE endpoint and the client runtime to report live or reconnecting state. This static documentation route does not create a fake stream.

Usage

LivePill usage
<LivePill eventsHref={routes.events.href()} frame="board" ssrVersion={version} />

API

LivePill API

LivePillProps

LivePill props
proptypenotes
eventsHrefstringHref of the SSE endpoint (a route serving `sseResponse(...)`).
frame?string | string[]Named frame(s) to reload when the server version changes. Omit for an indicator-only pill (rare — most pages want the reload too).
ssrVersion?numberFeed version at server render (`live.version()`) — closes the SSR→stream-open missed-mutation window.

More in Data display

More in Data display