New Component: Vertical Line โ€” Now on the Marketplace! ๐ŸŽ‰

Hey Adalo Community! :waving_hand:

Iโ€™m excited to share a new component thatโ€™s now available on the Adalo Marketplace:

Vertical Line

A simple vertical line divider โ€” set the color and width, drag to any height

A clean vertical line for separating content on your screen. Customize the color and thickness, then drag the height to fit your layout. Perfect for sidebars, column dividers, and decorative accents.

Key Features

:white_check_mark: Customizable line color via color picker
:white_check_mark: Adjustable line width (1โ€“20px)
:white_check_mark: Drag to resize height and width in the editor
:white_check_mark: Line centers within the component frame
:white_check_mark: Lightweight โ€” minimal code, fast rendering
:white_check_mark: Works on Web, iOS, and Android

Perfect For

โ€ข Sidebar dividers
โ€ข Column separators
โ€ข Timeline accents
โ€ข Form section dividers
โ€ข Dashboard layout borders

How to Get It

  1. Open your Adalo app editor
  2. Click the + button to open the Add Components panel
  3. Browse Marketplace Components or search for โ€œVertical Lineโ€
  4. Click to add it to your app โ€” done!

If you have any questions or feedback, drop a comment below. Iโ€™d love to hear how youโ€™re using it! :rocket:

3 Likes