Skip to content

[EuiButton] Spike: control radius for Button/Empty/Icon/ButtonGroup - #9905

Draft
ryankeairns wants to merge 11 commits into
rk/round-layered-cakefrom
rk/not-so-jagged-little-pill
Draft

[EuiButton] Spike: control radius for Button/Empty/Icon/ButtonGroup#9905
ryankeairns wants to merge 11 commits into
rk/round-layered-cakefrom
rk/not-so-jagged-little-pill

Conversation

@ryankeairns

@ryankeairns ryankeairns commented Aug 12, 2026

Copy link
Copy Markdown
Contributor

Summary

Draft / spike PR related to #9896 (epic #9893). Stacked on #9903 for border.radius.control.

  • EuiButton, Empty, Icon, and ButtonGroup all use border.radius.control (~8px)
  • No full-pill radius on EuiButton (reverted from an earlier spike direction)
  • radiusInset derived from control / 4 for nested/split treatments

Test plan

  • Storybook: EuiButton / Empty / Icon / ButtonGroup — shared ~8px control radius
  • Confirm no leftover pill (9999px) on filled buttons
  • VRT if this leaves draft

ryankeairns and others added 2 commits August 11, 2026 18:12
Use a full pill shape for EuiButton and point shared button size radii at border.radius.control (~8px) so Empty and Icon align with form chrome. Also fix form/color expectations for the canvas/plain surface tokens from #9903.

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
@ryankeairns
ryankeairns requested a review from a team as a code owner August 12, 2026 01:18
ryankeairns and others added 4 commits August 11, 2026 18:18
Co-authored-by: Cursor <cursoragent@cursor.com>
Radius-only alignment with Empty/Icon; leaves structure alone ahead of the ButtonGroup redesign.

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
@ryankeairns ryankeairns linked an issue Aug 12, 2026 that may be closed by this pull request
@ryankeairns
ryankeairns marked this pull request as draft August 12, 2026 14:50
ryankeairns and others added 2 commits August 12, 2026 12:37
Align filled EuiButton with Empty/Icon/ButtonGroup on border.radius.control (~8px). Removes the local 9999px pill override.

Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
@infra-vault-gh-plugin-prod

Copy link
Copy Markdown

💚 Build Succeeded

History

@infra-vault-gh-plugin-prod

infra-vault-gh-plugin-prod Bot commented Aug 21, 2026

Copy link
Copy Markdown

💔 Build Failed

Failed CI Steps

History

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[EuiButton][forms][EuiListGroupItem] Control radius (8px)

2 participants