Examples
Mobile dashboard
The home of a Payub-style money app, built from HomeScreen in @nexub/react-native/patterns: a balance you can hide, four quick actions, recent activity grouped by day, and insights, with pull to refresh. The same data drives the web DashboardPage.
Interactive preview of @nexub/react-native rendered for the web. Native chrome (switches, pickers, Liquid Glass) looks like the platform on a device.
Code
import { HomeScreen } from '@nexub/react-native/patterns';
<HomeScreen greeting="Good morning, Mei" balance={balance} quickActions={actions} recent={txs} onTransactionPress={open} />Web vs mobile
| Web (DashboardPage) | iOS & Android (HomeScreen) | |
|---|---|---|
| Layout | Stats in a grid beside the activity at desktop widths. | One column: balance hero, up to four quick actions, recent activity, insights. |
| Refresh | Data refreshes in place. | Pull to refresh (`onRefresh`). |
| Actions | `onSelect` and an icon element. | `onPress` and an icon component. |