How to use component?
To use the component in your Framer project, first, copy it. Then, paste it into your project. It will automatically import and show up in the left sidebar under the Assets tab in the DesignKits folder. You can then drag it onto your canvas to create a new instance.
Out of Office with time zone
Loading...
Component
General
Updated: Mar 6, 2025
Overview
This component helps display availability status based on the selected time zone and time range. Users can define unavailable hours (from/to) and customize the unavailable message.
Adjustable Properties
33 Popular time zones
From & To time selection
Unavailable & available message
Text & color styles