=== Beaf - Photo Comparison Block ===
Contributors: binsaifullah
Donate link: https://makegutenblock.com/contact
Tags: photo comparison, image comparison, before after slider, beaf slider, gutenberg block
Requires at least: 6.0
Tested up to: 6.6.2
Stable tag: 1.6.2
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Beaf is a Gutenberg Block developed with Gutenberg Native Components to showcase photo Comparison with different styles.

== Description ==
**Beaf** is a custom Gutenberg Block based plugin that is developed with **Gutenberg Native Components**. You can easily showcase the **Photo Comparison**. It comes with  different styles and settings so that you can easily customize it as per your needs. It is a lite version of Beaf Pro. To get more features and options, you can check the [Beaf Pro](https://beaf.gutenbergkits.com).

### Overview  
* [See Demos](https://beaf.gutenbergkits.com/demos)
* [Get Beaf Pro](https://beaf.gutenbergkits.com)

[youtube https://www.youtube.com/watch?v=OylHrkczwK4]

### Key Features
* Simple, light-weight, and super-fast
* **Built with only Gutenberg Native Components**
* **No Block Builder at all**
* **100% Responsive**
* **Horizontal & Vertical View**
* Images Comparison Options
  * **Before & After Label**
  * **Comparison start on Hover**
  * **Horizontal & Vertical Comparison**
* Easy to Use in Gutenberg Editor
* **Drag & Drop Use**
* No jQuery dependency

#### Beaf Pro features
* 3 Content Types (Image, Video, Iframe - Google Map)
* Custom Label Styles
* Custom Label Position
* Custom Label Typography
* Labels Animation Options
* Custom Comparison Starting Point 
* Custom Comparison Line
* Custom Comparison Line Color
* Custom Comparison Line Thickness
* Custom Caption for beaf slider

**Beaf Pro** is a premium version of Beaf. You can get more features and options in Beaf Pro. [Get Beaf Pro](https://beaf.gutenbergkits.com)

== Installation ==

This section describes how to install the plugin and get it working.

e.g.

1. Upload the plugin files to the `/wp-content/plugins/image-compare-block` directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the 'Plugins' screen in WordPress
3. Simply go to Gutenberg Block Editor and you will find a new block at Media Category named "Image Compare"
4. Drag and drop to use it.


== Frequently Asked Questions ==
= What is Beaf Slider? =
Beaf slider means Before and After Slider. It is a slider that showcases the before and after comparison between two images, videos, or iframes.

= What is Beaf Pro? =
Beaf Pro is a premium version of Beaf. You can get more features and options in Beaf Pro. [Get Beaf Pro](https://beaf.gutenbergkits.com)

= How to upgrade to Beaf Pro? =
Beaf Pro is the premium version of Beaf and it comes with a complete set of features and options. It is completely a separate plugin. You can simply deactivate the Beaf and install Beaf Pro. Then, you can start using it. 

= Is it compatible with the latest WordPress version? =
Yes, it is compatible with the latest WordPress version.

= Is it responsive? =
Sure, it is 100% Responsive

= Have you used any block builder? =
No, it is built with 100% Gutenberg Native Components only.

= How can I use it? =
Please follow the video tutorial to see the uses of it.


== Screenshots ==
== Changelog ==
= 1.6.2 =
* Compatibility with the latest WordPress version

= 1.6.1 =
* Admin page updated
* Popup notice issue fixed

= 1.6.0 =
* Beaf Pro is now available
* Labels position issue fixed
* Admin page updated

1.5.0 - Checking Compatibility with the Latest WordPress version
1.0.0 - Initial Release

== Upgrade Notice ==