A filter menu button opens a menu of options by which to filter a result set.

Non-Active Filter Menu Button

With no filters active, a filter menu button should be in a non-active state. Set the aria-pressed property to false.

Active Filter Menu Button

With one or more filters active, set the button's aria-pressed property to true.

Disabled Filter Menu Button

The button can be disabled using the disabled property.

Filter Menu Button with a Form

When a native form is required, wrap the menu items with a form and use the appropriate checkbox markup.