Skip to content
nexubDesign System
v2.4.0

Components · Mobile only · Feedback

Offline Banner

AlphaiOS & Android

A slim banner while the device is offline.

Usage

@nexub/react-native
import { OfflineBanner } from '@nexub/react-native';

<OfflineBanner />

Interactive preview of @nexub/react-native rendered for the web. Native chrome (switches, pickers, Liquid Glass) looks like the platform on a device.

On device

Offline Banner on iPhone (iOS simulator)

iPhone (iOS simulator)

Offline Banner on Pixel (Android emulator)

Pixel (Android emulator)

Screenshots from the latest CI run of the showcase app; the live frame renders the same code for the web.