Skip to content

Bug - Button - Circle button doesn't support <Icon> wrapped icons #8516

Description

@rebeccaalpert

Describe the problem
This is an issue with

  • Patternfly 5

  • Patternfly 6

  • other

In PatternFly React, using the component with a size to wrap an icon results in an off-center icon.

    <Button
        variant="secondary"
        isCircle
        icon={
        <Icon iconSize={'xl'} isInline>
          <RhUiAddCircleFillIcon />
        </Icon>
      }
        aria-label="Add secondary circle variant example"
      />

Example:

image

How do you reproduce the problem?
https://codesandbox.io/p/sandbox/magical-mendel-lpy4ls

Expected behavior
I'd expect it to still be centered.

Is this issue blocking you?
It impacts the ChatBot migration to the round buttons, but it's not really high priority.


Jira Issue: PF-4465

Activity

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    PF TeamIssue originates from PF TeamStale

    Type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions