Learn how to use each of Bannerflex's comopnents within Framer

Components


## Property Controls

<img 
  src="/assets/images/announce.png" 
  alt="Announcement Banner Example" 
  width={200} 
  height={200} 
  style={{ borderRadius: '8px' }} 
/>

### Use custom component

This option allows you to replace the automatically generated announcement banner with a custom component of your choice. It provides maximum flexibility, enabling you to fully customize the banner's design and behavior to fit your specific requirements.

### Custom styles

With this feature, you can add your styling to the pre-generated banner. This is perfect for tailoring the banner's appearance to align with your brand guidelines or to make it stand out in unique ways without creating a custom component

### Is fixed position

This setting ensures that the announcement banner remains fixed at the top of the screen as users scroll through the page. It’s particularly useful if your site has a sticky navigation bar and you’re experiencing layout conflicts.


### Show in editor

This toggle determines whether the announcement banner is visible within the Framer editor. Use this option to preview the banner’s design and layout directly in the editor before it goes live.

### Scheduling

The scheduling feature allows you to define specific start and end dates for displaying the announcement banner. This is ideal for time-sensitive messages, such as promotions, event announcements, or seasonal updates, ensuring the banner is only visible when relevant.


Learn how to use announcement banner component from BannerFlex

BannerFlex - Announcement Banner - Framer banner component plugin


## Property Controls

<img 
  src="/assets/images/announce.png" 
  alt="Announcement Banner Example" 
  width={200} 
  height={200} 
  style={{ borderRadius: '8px' }} 
/>

### Use custom component

This option allows you to replace the automatically generated announcement banner with a custom component of your choice. It provides maximum flexibility, enabling you to fully customize the banner's design and behavior to fit your specific requirements.
s
### Custom styles

With this feature, you can add your styling to the pre-generated banner. This is perfect for tailoring the banner's appearance to align with your brand guidelines or to make it stand out in unique ways without creating a custom component

### Is fixed position

This setting ensures that the announcement banner remains fixed at the top of the screen as users scroll through the page. It’s particularly useful if your site has a sticky navigation bar and you’re experiencing layout conflicts.


### Show in editor

This toggle determines whether the announcement banner is visible within the Framer editor. Use this option to preview the banner’s design and layout directly in the editor before it goes live.

### Scheduling

The scheduling feature allows you to define specific start and end dates for displaying the announcement banner. This is ideal for time-sensitive messages, such as promotions, event announcements, or seasonal updates, ensuring the banner is only visible when relevant.


Learn how to use popup banner component from BannerFlex

Documentation

Explore our guides and examples to start building your app.

Components