Alert
Alert
Welcome to the “Alert” documentation.
Looking to integrate an alert into your website? Our block help you to to create eye-catching notifications that capture your audience's attention.
In this guide, we'll show you how to use the editor to customize your alert block.
Step 1 : Open the Editor
2. Click on "Edit" after choosing your template.
class="flex justify-center items-start h-auto w-auto" alt="">Step 2: Add and customize elements
1. Here in this panel, you have control over what shows up in your block, you can easily add, remove, or change the content of the alert, such as text, image or button. Simply hover over the container to access these options.
class="flex justify-center items-start h-auto w-auto" alt="">2. Click on the edit icon to customize your element. From there, you'll be able to manage its color, style, width, and height . You can also put a border, set a background image and adjust its opacity.
Apart from that you can tweak the spacing around each element by customizing the margin and padding.
3. Once you're finished, click on "Done" to save your changes.
class="flex justify-center items-start h-auto w-auto" alt="">Step 3: Adjust the Layout
1. In the Layout panel, you can adjust how your layout looks and behaves. You have control over things like size, rounding, width, position, adding an overlay, choosing how it's displayed, and even adding animations.
class="flex justify-center items-start h-auto w-auto" alt="">
class="flex justify-center items-start h-auto w-auto" alt="">Step 4: Preview
Lastly, you can click on “Preview” to see how your alert block looks on both desktop and mobile devices. After this, you can proceed to the next step.
class="flex justify-center items-start h-auto w-auto" alt="">