OfflineBanner

OfflineBanner is part of the States set, imported from @jcsoftdev/ui/states.

Import

import { OfflineBanner } from "@jcsoftdev/ui/states";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/states/offline-banner.

Usage

<OfflineBanner
  message="Sin conexión. Los cobros se guardarán y se enviarán al reconectar."
  queuedChanges={0}
  queuedLabel="cambios pendientes"
/>

Props

Prop	Type	Default	Description
queuedChanges	number	0	Number of changes queued while waiting to reconnect.
queuedLabel	string		Screen reader text for the queue counter.
message *	ReactNode
className	string

* marks a required prop.

Storybook stories

• Default
• With Queued Changes

Source

packages/ui/src/states/offline-banner/offline-banner.tsx