Ask AI
English EN
Go to Watbot

List

Rows like the settings menu on a phone: catalogue sections, "My orders", "Contacts". Every row is a separate exit of the screen.

The "List" element: rows with icons, notes on the right and a badge, and the element's settingsThe "List" element: rows with icons, notes on the right and a badge, and the element's settings

List settings

  • "Dividers" — "Full width", "Inset" or "No dividers".
  • "As a card" — the list moves away from the screen edges and gets rounded corners.
  • "Add row" — a new row at the end of the list. Up to 50 rows; the order is changed by dragging.

Row settings

  • "Title" — the row text.
  • "Note on the right" — grey text at the right edge: a price, a quantity, a status.
  • "Icon" — an icon on the left and the "Show icon" tick.
  • "Color" — the row's colour from the app's palette.
  • "Arrow on the right" — an arrow showing that the row leads further.
  • "Badge" — a mark with a number or text on the right: "New", "3". A badge has a value and a colour.

Exits

Every row has its own exit, "Row "Title"". A link leads from it to a section screen, a window or a scenario block.