Skip to content

[EuiCard] betaBadge don't stay on top #6325

@lio-p

Description

@lio-p

If tooltipContent is not provided or empty, then the badge is placed in the bottom of the Card.

Normal behavior:

betaBadgeProps={{
          label: 'Beta',
          tooltipContent:
            'This module is not GA. Please help us by reporting any bugs.',
        }}

Screen Shot 2022-10-26 at 11 20 30 AM

Broken behavior:

betaBadgeProps={{
          label: 'Beta',
}}

Screen Shot 2022-10-26 at 11 20 14 AM

Documentation is suggesting that the badge should always been on top:

betaBadgeProps
Adds a badge to top of the card to label it as "Beta" or other non-GA state. Accepts all the props of [EuiBetaBadge](https://eui.elastic.co/#/display/badge#beta-badge-type), where label is required.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions