List Widget

Use the List widget to present features, steps, or benefits with icons and descriptions.

AI Generate can also return a List widget directly when a page brief calls for repeated steps, benefits, or icon-and-label rows.

Add a List widget

List Settings

The dialog has two tabs: Layout and Style.

Layout tab

• Layout: Single Column, Two Columns, Three Columns, Four Columns, Five Columns, Six Columns
• Show Descriptions
• Icon Position: Inline with Heading, Inline with Item, Stacked
• Stacked Alignment (when stacked)
• Gap Between Items
• Icon Size
• Circle Background with Padding and Circle Color

Style tab

• Item Background Color
• Text Color
• Icon Color
• Border, Border Radius, and Shadow

Editing list items

• Click item text to edit inline.
• Drag items to reorder.
• Use the toolbar add button to create more items.

Toolbar actions

• List Settings
• Alignment
• Animation
• Position
• Copy
• Delete

For breakpoint and spacing checks, review Responsive Design.