Experimental

pa-sections and the stepper it drives (pa-steps) are in core as experimental components (_sections.scss, _steps.scss, js/sections.js). Class names, modifiers and markup may still change — pin an exact version if you build on them. Sticky layouts work inside the app shell automatically: js/sections.js marks the content wrapper with pa-sections-host while a block is on the page.

pa-sections is one long piece of content split into sections — a EULA, a form, a settings page — plus a navigator (pa-steps) that the block controls: it marks the section you are in, ticks off what you have read or filled in, colours steps by the state of their fields, and jumps to a section on click. Sections are plain by default (one continuous document on the page background); --boxed puts the whole document in one box, --cards boxes each section.

Type / for commands, : to search a category, or just start typing

Settings

Press Ctrl+K to preview the palette.
Body text size. All elements scale proportionally.

John Doe

Administrator
  • Dashboard
  • Forms
  • Tables
  • Data Grid