Allows you to add a custom label to the top title bar of the tool. This lets you quickly identify what purpose you're using that tool for in your layout. This title is also visible when you've collapsed or hidden the contents of the tool in Edit Mode.

When enabled a preset margin will be added to the base of the tool. Foundry allows you to configure the Base Margin preset to your liking within the Control Center. The Base Margin can be configured independently at each of the 6 responsive breakpoints.

Here we can control the height, or thickness, of the Animated Divider. This allows you to customize the look of the divider line to match your page design.

Allows you to specify the unit of measure for the height value. You can choose from Pixels (px) or Root Em (rem). The default and recommended units for this offset value is Root Em (rem).

This is the starting width of the divider line. When the animation is triggered the animation will begin here and animate to the end width. You can choose from several preset widths, or set your own custom width. Width units are Percantage (%) based, whether they are presets or custom values.

This is the final end width of the divider line after the animation has concluded. After the animation is triggered the animation will end here. You can choose from several preset widths, or set your own custom width. Width units are Percantage (%) based, whether they are presets or custom values.

Here you can choose the style of the Animated Divider line. You're able to choose from one of Foundry's preset colors, which are defined in the Control Center's color palette settings, or choose either a custom solid color or custom gradient.

When using a custom solid color or gradient you'll be presented with the appropriate color pickers for defining those colors.

This setting allows you to align the divider to the left, center or right of its parent container. In Uniform mode this alignment will be set the same for all 6 breakpoints.

Clicking on the small plus icon will give you the ability to adjust the alignment of the divider independently at each of the 6 responsive breakpoints giving you more granular control.

Choose from one of Foundry's preset border radiuses, define your own rounded corner radii or disable rounded corners for the divider.

Controls the length of your animation. You can also think of the Duration setting as a sort of Speed setting. The larger the value here the longer the animation runs, which also translates to a slower animation. A shorter value will result in a quicker animation.

Used to delay the the animation's start. The delay period begins when the animation would normally be triggered. This setting is often used to stagger the animation of several items.

In real life most objects don’t just start and stop instantly, and rarely move at a constant speed. The Easing setting allows us to apply some of this real world feel to our animated objects. We've provided several styles to help you get the feeling you are after.

When enabled the animation will occur only the first time the element would be triggered. After that if the visitor scrolls past the element on the page again it will remain visible and will not trigger the animation again. When disabled the animation will trigger whenever the element comes within view and meets the tigeering offset requirements.

Used to add a decorative shadow to the divider. Foundry provides a variety of preset shadow styles, as well as access to a user defined preset that you can configure in the Control Center. Additionally for one-off shadows there is also a custom shadow option where you can create a unique shadow style, setting its positioning, size, spread and color.

Enabling this feature adds an HTML comment to the exported code to indicate the name of the tool being used here. This is helpful to both yourself and others when troubleshooting, or inspecting the code. This is enabled by default.

This field allows you to replace the default HTML Comment with your own text.

Allows you to specify an options class, or classes, that will be added to this tool's wrapper. You can use this to apply custom styling from the Blacksmith tool, or add a Bootstrap v5 preset class to your item. If you're applying more than one class be sure that you separate each class name with a space. Do not use special characters.