Skip to content

Dimensions Support: Add dimension presets and adopt for width and min height block supports #73811

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
aaronrobertshaw merged 8 commits into from
Dec 16, 2025
Merged

Dimensions Support: Add dimension presets and adopt for width and min height block supports #73811

Changes from 1 commit
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
eaf5e29
Add support for dimensionSizes presets
aaronrobertshaw Dec 8, 2025
743c7c4
Create new DimensionControl for existing supports
aaronrobertshaw Dec 8, 2025
05273ec
Fix DimensionControl readme
aaronrobertshaw Dec 12, 2025
3ea6c98
Add backport changelog
aaronrobertshaw Dec 15, 2025
c5b6125
Remove unused dimensions preset util
aaronrobertshaw Dec 15, 2025
0a7a358
Add deprecation notice within HeightControl component
aaronrobertshaw Dec 15, 2025
a5ad99f
Reinstate smoother unit change handling
aaronrobertshaw Dec 15, 2025
f55f845
Fix backport changelog
aaronrobertshaw Dec 15, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Fix DimensionControl readme
  • Loading branch information
@aaronrobertshaw
aaronrobertshaw committed Dec 15, 2025
commit 05273ecd95aa46762b3676327dd466e1678490ab
10 changes: 5 additions & 5 deletions packages/block-editor/src/components/dimension-control/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,10 +65,10 @@ The component automatically integrates with the theme's dimension size presets d

When a preset is selected, the component returns values in the format:
```
var:preset|dimension-sizes|{slug}
var:preset|dimension|{slug}
```

For example: `var:preset|dimension-sizes|medium`
For example: `var:preset|dimension|medium`

### Theme Configuration

Expand All @@ -86,13 +86,13 @@ To provide dimension presets, add them to your theme's `theme.json`:
"size": "16px"
},
{
"name": "Medium",
"name": "Medium",
"slug": "medium",
"size": "32px"
},
{
"name": "Large",
"slug": "large",
"slug": "large",
"size": "64px"
}
]
Expand All @@ -103,4 +103,4 @@ To provide dimension presets, add them to your theme's `theme.json`:

## Related components

Block Editor components are components that can be used to compose the UI of your block editor. Thus, they can only be used under a [`BlockEditorProvider`](https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/provider/README.md) in the components tree.
Block Editor components are components that can be used to compose the UI of your block editor. Thus, they can only be used under a [`BlockEditorProvider`](https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/provider/README.md) in the components tree.