Photonix UI - React Components, Templates & Figma Design System

StatusBar

Simulated mobile status bar for prototypes.

9:41

Usage

import { StatusBar } from '@photonix/ultimate';

<StatusBar />

Prop	Type	Default	Description
variant	`"ios" \| "android"`	`'ios'`	Platform variant
theme	`"light" \| "dark"`	`'light' (Dark text for light backgrounds)`	Color theme for text/icons
time	`string`	`'9:41'`	Time to display
showCameraCutout	`boolean`	`true`	Show camera cutout (Android only)
className	`string`	`-`
style	`React.CSSProperties`	`-`