Skip to content

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

Description

@ryankeairns

Part of #9893

Depends on: #9894 (radii tokens) — #9903 adds border.radius.control (8px). Prefer basing this work on #9903 / after it merges; don’t invent a temporary 8px.

Goal

Align interactive controls on the shared control radius (8px) so buttons, form inputs, and list items sit on one corner language.

Decisions (locked)

  • border.radius.control (8px) — no full pill
  • Keep flat fill on buttons; no elevation/shadow on buttons

Scope

Already spiked (#9905)

  • EuiButton / Empty / Icon → euiTheme.border.radius.control
  • EuiButtonGroupborder.radius.control

Design feedback (still to wire)

  • Form input controls (EuiFormControlLayout / text fields and related inputs) → border.radius.control
  • EuiListGroupItemborder.radius.control

Out of scope / later

Implementation

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions