Looking at the v34.1.0 "Split buttons" example here https://elastic.github.io/eui/#/navigation/button, it's not possible to write something like:
<EuiFlexGroup responsive={false} gutterSize="s" alignItems="center">
<EuiFlexItem grow={false}>
<EuiButton size="s" color="secondary">
Secondary action
</EuiButton>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiButtonIcon
display="base"
size="s"
color="secondary"
iconType="boxesVertical"
aria-label="More"
/>
</EuiFlexItem>
</EuiFlexGroup>as the "secondary" option is not available on EuiButtonIcon, even though it's available on EuiButton.
To fix this, the color prop on EuiButtonIcon needs to support the "secondary" option.
Looking at the v34.1.0 "Split buttons" example here https://elastic.github.io/eui/#/navigation/button, it's not possible to write something like:
as the "secondary" option is not available on
EuiButtonIcon, even though it's available onEuiButton.To fix this, the color prop on
EuiButtonIconneeds to support the "secondary" option.