You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When using EuiFilterButton with numFilters, you get something like
And using EuiFilterButton with numFilters plus hasActiveFilters={true}, you get something like
But when you use EuiFacetButton with quantity, you get something like
And using EuiFacetButton with numFilters plus isSelected={true}, you get something like
There are three significant differences between the controls:
The notification badge always displays as "selected" ("active" looking) in the filter button.
The notification badge size is different.
The font-weight is different.
My personal preference is that the EuiFacetButton is behaving better than EuiFilterButton: the font weight is more noticeable and the change in color is very noticeable, and the color is quite distracting / misleading when the EuiFilterButton does not have active filters.
The text was updated successfully, but these errors were encountered:
When using
EuiFilterButton
withnumFilters
, you get something likeAnd using
EuiFilterButton
withnumFilters
plushasActiveFilters={true}
, you get something likeBut when you use
EuiFacetButton
withquantity
, you get something likeAnd using
EuiFacetButton
withnumFilters
plusisSelected={true}
, you get something likeThere are three significant differences between the controls:
My personal preference is that the
EuiFacetButton
is behaving better thanEuiFilterButton
: the font weight is more noticeable and the change in color is very noticeable, and the color is quite distracting / misleading when theEuiFilterButton
does not have active filters.The text was updated successfully, but these errors were encountered: