Component: Updated VFilterButton for the desktop header

[obulat]

Description

The new header has a FilterButton displayed only on the widths above lg. The button has an icon or a number of applied filters on lg to xl, and a text label above that.

API

Props

Name	Type	Description
pressed	Boolean	Whether the button is in pressed state
disabled	Boolean	Whether the filters are disabled

State

The component should use the search store to get the number of filters applied.

Events

Name	Associated data	Description
click	-	Button click should open the filters sidebar

References

• Figma: https://www.figma.com/file/GIIQ4sDbaToCfFQyKMvzr8/Openverse-Design-Library?node-id=558%3A2276

Implementation

• 🙋 I would be interested in implementing this component.