Skip to content

EuiControlBar doesn't display correct colors in filled button  #2768

@mbondyra

Description

@mbondyra

Steps to reproduce:

  1. Create EuiControlBar that has button as one of the controls:
const controls = [{
	controlType: 'button',
    id: 'button',
	fill: true,
	color: 'primary',
    onClick: ()=>{},
}]
<EuiControlBar controls={controls}>

The button looks like in the picture below:
image

  1. Expected:
    image

Bug can be reproduced for all colors.

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