[6.7 HelpHub]: Preformatted block

[ndiego]

Article: https://wordpress.org/documentation/article/preformatted-block/

Update for 6.X

• Preformatted: Add border support (64302)

General

• Make sure all screenshots are relevant to the latest version
• Make sure videos, if any, are up to date
• Add ALT tags for the images
• Make sure the headings are in sentence case
• Convert all reusable blocks to a ‘regular block’.
• Update the changelog at the end of the article

Notes

1. We are not adding detailed updates for the Block settings - Typography, Color, Layout, Dimension and Border and for the More Options setting in the block toolbar. Pls mention the settings included for the block and link to the detailed settings pages instead.
2. Some of the PRs have great videos that can be added to the article.

[github-actions]

Heads up @WordPress/docs-issues-coordinators, we have a new issue open. Time to use 'em labels.

[benazeer-ben]

/assign

[github-actions]

Hey @benazeer-ben, thanks for your interest in this issue! 🍪🍪🍪
If you have any questions, do not hesitate to ask them in our #docs Slack channel.
Enjoy and happy contributing ❤️

[benazeer-ben]

• Preformatted: Add border support

Border settings allow you to customize the appearance of block borders by adjusting properties such as border width, style (solid, dashed, dotted, etc.), and color.

Also, you can control border radius to create rounded corners for a softer look. These settings help define block separation, enhance visual hierarchy, and improve overall design consistency.
General

• Make sure all screenshots are relevant to the latest version

Preformatted block

Change block type or style / Transform to

You can transform the Preformatted Block into Paragraph Block, Columns Block, Code Block, Details Block or Group. The Group would give you the ability to change the background color around the Preformatted Block.

Hyperlink

More rich text options

More options

Block Settings

Color

Typography

Dimension

Dimension controls are used to control how groups of blocks are placed alongside one another, by changing the values for padding, margin, and other dimensions

-[x] Make sure videos, if any, are up to date

Only one video and it is up to date.

• Add ALT tags for the images

Checked all images and all have ALT tags.

• Make sure the headings are in sentence case

Checked all heading for sentence case. All good.

• Convert all reusable blocks to a ‘regular block’.

• Update the changelog at the end of the article

Updated 2025-02-05

Updated the Preformatted block screenshots and content with latest version changes.

[github-actions]

Heads up @docs-reviewers - the "[Status] Review" label was applied to this issue.