Skip to content

[CalloutCard] Inconsistent UI for dismiss button #12968

@moraleslevi

Description

@moraleslevi

Summary

There is an inconsistency in the Banner and CalloutCard dismiss button size and placement.

Expected behavior

The CalloutCard should be updated to be consistent with Banner:

  • Use the regular size X Icon
  • Reduce the right-side padding
  • Use the tertiary button variant

Image

Actual behavior

Image

Steps to reproduce

No response

Are you using React components?

Yes

Polaris version number

13.9.1

Browser

Chrome: 130.0.6723.117

Device

macOS 15.1.1

Metadata

Metadata

Assignees

Labels

BugSomething is broken and not working as intended in the system.

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions