Navigator Plugin (euixjs/navigator)
The Navigator Plugin integrates native browser and device hardware capabilities directly into EUIX reactive state.
📡 Declarative Configuration (<navigator_config>)
#
<uid_spec>
<data_model>
<state id="isOnline" type="boolean">true</state>
<state id="batteryLevel" type="number">100</state>
</data_model>
<!-- Bind hardware status to reactive state -->
<navigator_config
bind_online="isOnline"
bind_battery="batteryLevel"
/>
<flex direction="column" gap="8" class="p-6">
<div class="p-3 rounded-lg {data.isOnline ? 'bg-emerald-50 text-emerald-700' : 'bg-rose-50 text-rose-700'}">
Network: {data.isOnline ? '🟢 Connected' : '🔴 Offline'}
</div>
<p>Battery: <strong>{data.batteryLevel}%</strong></p>
</flex>
</uid_spec>
🧭 Next Section: Guides #
Explore practical guides on integrating APIs, routing, and testing in API Integration Guide.