When to use
Put the status bar at the top of every full-screen mockup so it reads as a real iPhone. Use the light style over dark photos or video and the low battery variant to show a realistic state.
Props
| Prop | Values | Default | Description |
|---|---|---|---|
--levelon .ios-battery | 0 to 100 | 100 | Battery charge. |
data-lowon .ios-battery | boolean | false | Red battery. |
data-chargingon .ios-battery | boolean | false | Green battery. |
coloron .ios-statusbar | CSS color | label color | Use #fff over photos. |