Skip to content

Latest commit

 

History

History
84 lines (74 loc) · 3.26 KB

ios-timer-widget.md

File metadata and controls

84 lines (74 loc) · 3.26 KB
Raw

IOS Timer Widget

IOS Timer

IOS Timer

Integrating an iOS-style Timer widget into your UI is simple. Follow these steps to make it happen:

1. Drag the IOS Timer widget from the Insert menu and drop it into your desired location within your UI.

2. Customize the appearance and behavior of the IOS Timer by adjusting its properties in the editing section on the right.

3. Additionally, you can select the mode and theme type of the Timer. The mode determines whether the Timer displays HoursMinutes, MinutesSeconds or HourMinuteSecond, while the theme type controls the visual style of the Timer.

Components of IOS Timer Widget

Component Description
Align Icons Click icons or use shortcut keys to align Timer Widget. For example, click "Align Left" or use Ctrl+Shift+Left to left-align Timer Widget.
Postitions Set Timer Widget positions on the X and Y axis of the mobile canvas.
Timer Widget Size Specify the width and height of the Timer Widget by providing values for width (w) and height (h).
Z rotation Rotate the Timer Widget by specifying a rotation value.
Border Radius Adjust corner curvature to create rounded corners. Individual corner adjustments are available by clicking on each corner.
Margin Provide margin to the Timer Widget from any of the four directions by specifying the margin value.
Time picker IOS Mode Select the mode of the timer in which you want to show the Timer widget: Hm (HourMinute), Ms (MinuteSecond), or both.
Theme type Choose between light or dark theme for your Timer widget.
Fill Apply a color to the Timer widget.
Border Color Choose a color to set the border color of the Timer widget. Adjust the border color from inside, outside, or center of the Timer widget by selecting it from the drop-down.
Shadow Apply a shadow effect to the Timer by selecting either a normal or inner shadow type.
Visible By checking the checkbox the entire Timer widget will be hidden.

If you have any ideas to make Blup better you can share them through our Discord community channel

Music to go with.

{% tab title="Music" %} {% embed url="https://open.spotify.com/playlist/0vvXsWCC9xrXsKd4FyS8kM?si=2c7f55bd3f944878" %} Lofi music {% endembed %} {% endtab %} {% endtabs %}