Skip to content

Add support for border to navigation link#70328

Closed
dhananjaykuber wants to merge 1 commit intoWordPress:trunkfrom
dhananjaykuber:feat/border-and-separator-support
Closed

Add support for border to navigation link#70328
dhananjaykuber wants to merge 1 commit intoWordPress:trunkfrom
dhananjaykuber:feat/border-and-separator-support

Conversation

@dhananjaykuber
Copy link
Copy Markdown
Contributor

What?

Closes #61746 – Nav Block: Add Support for Separator Block & Borders

This PR adds support for border and padding controls to the core/navigation-link block.

Why?

Currently, there's no way to visually separate navigation links within the navigation block using borders. This enhancement allowing users to style navigation links with borders and spacing to better match custom designs.

How?

  • Updated the block.json of core/navigation-link to include support for:
    • __experimentalBorder with color, style, and width
    • spacing.padding

Testing Instructions

  1. Go to the Site Editor or create a new post/page.
  2. Insert a Navigation block.
  3. Add a few Navigation Link items inside it.
  4. Select a Navigation Link and check the sidebar (Block settings).
  5. Confirm you can now apply:
    a. Border color, width, and style
    b. Padding around each individual link

Screenshots or screencast

Screenshot 2025-06-05 at 12 43 08 PM
Screenshot 2025-06-05 at 12 43 42 PM

@github-actions
Copy link
Copy Markdown

github-actions bot commented Jun 5, 2025

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: dhananjaykuber <dhananjaykuber@git.wordpress.org>
Co-authored-by: bhubbard <bhubbard@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

@fabiankaegy fabiankaegy added [Type] Enhancement A suggestion for improvement. [Block] Navigation Link Affects the Navigation Link Block labels Jun 5, 2025
@t-hamano
Copy link
Copy Markdown
Contributor

t-hamano commented Jun 6, 2025

Thanks for the PR!

Let me close this PR as a duplicate of #66483,

@t-hamano t-hamano closed this Jun 6, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Block] Navigation Link Affects the Navigation Link Block [Type] Enhancement A suggestion for improvement.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Nav Block: Add Support for Separator Block & Borders

3 participants