# Elements: Form layout, further examples
> Plainkit 0.28.0. Generated by scripts/build-skills.mjs from core/dist/elements/api.full.json. Do not edit: change the source and run the generator.
The element sections in `elements-form-layout.md` show the first example of each element; these are the rest.
## `pk-field`
Example: Error and inline label
```html
```
Example: Action beside the label
```html
↺ Source
```
## `pk-field-group`
Example: Inline: a short add-row, the fields at their own width with the buttons in the end slot
```html
AddCancel
```
Example: Fields with a conditional one (set fields and values from script: an inline script cannot run under this site's CSP)
```html
```
Example: Declarative conditions: Paid on shows while the status is paid, the reference is required above 100 and disabled when void, the memo is read-only once paid (no server round trip)
```html
```
Example: Conditional text: the label and the help tooltip follow the status (labelWhenExpr, helpWhenExpr)
```html
```
Example: Twelfths of the row: cols sizes each field (Quantity 2, Grade 2, Released 3, Price 3), two per row on a phone
```html
```
Example: Short fields share a row: columns=3, columnSpan=2 for Name, span for the Note; datetime-local holds yyyy-MM-ddTHH:mm, no time zone
```html
```
Example: A custom field: your own content in the field body (slot editor-), no value and no part in the form
```html
3 lines, total 45.00
```
## `pk-record-form`
Example: Sections tagged by tab: two columns on desktop, one tab at a time on a phone
```html
Details
Pricing
```
Example: Tabs as data: a count badge, and a tab left out
```html
```