io.display.heading
A title that splits a long form into sections.
io.display.heading shows a section title in a page or in a step of an action. It splits a long form or page into parts a person can scan. A line under the title can say what the section is for. It only displays and returns nothing.
The simplest one
The whole action file, and roughly what your team sees when it runs.
Edit company
What you can set
The settings you will reach for most, each with the line of code that turns it on.
The label is the title. The component draws the label itself. There is no second, smaller heading above it.
A line under it. Say what the section is for in one line of description under the title.
Two sizes. Level 2, the default, is bigger than the labels of the fields under it. Level 3 matches the headings above tables.
Between the fields. Put headings into io.group to split one long form into sections. They answer nothing.
On a page. Split a folder's page into parts, each with its own title above the tables and tiles.
Under any key. Register it under the key you want. The key is the name, so title gives io.display.title().
More in the docs
This page shows the idea. The docs have every prop, the checks on the server and more examples.
Next components
Three more calls on io. Each one shows a control and hands your code a typed value.
Write your first tool today.
An async function, a few await calls, and the form is in the browser.