Flows
UI steps
Display.divider

Divider

Visually separates sections of a page. Useful for breaking up groups of inputs or display elements.

ctx.ui.display.divider(config?);

Config

key
string

Identifies the element so a page's visibility rule can target it. Not shown in the UI. See Conditional visibility.

Usage

Use dividers to add visual structure to complex pages or group related content.

ctx.ui.page({
  title: "Account settings",
  content: [
    ctx.ui.inputs.text("username", { label: "Username" }),
    ctx.ui.inputs.text("email", { label: "Email address" }),
    ctx.ui.display.divider(),
    ctx.ui.inputs.boolean("newsletter", {
      label: "Subscribe to newsletter",
    }),
  ],
});
Display.codeDisplay.file