Dynamic statusbar for Framer

Emulate iOS, Android & iPhone X statusbars on your prototype.

⚡ Install

• Copy the framer-statusbar.coffee file to your prototype's modules folder.
• Call {StatusBar} = require "framer-statusbar" in your Framer prototype.
• Create a statusbar layer by writting yourLayer = new StatusBar

🔨 Events

• .style (String) Define statusbar style (dark/light)
• .backgroundColor (String) Select background color. Default is transparent.
• .device (String) Force device statusbar (classic-iphone/iphone-x/android)
• .height (Read only) Get the statusbar height value

✨ Functions

• .hide() Hide the statusbar with animation
• .show() Show the statusbar with animation

💌 Contact

Twitter
Instagram
Dribbble