Last Update: Jun 14, 2022
Platform: Web
Designer: Joyce Lin
Intro
Filter Panel is a Fiori+ component. Show Filter Panel by default on applicant list page in 2111 assignment.
Users have the ability to narrow down their search via filters. Faceted search should only be used with small data sets that don’t contain RBP (until USS framework provides a solution around this)
Using faceted search with data that contains RBP can open us up to security vulnerabilities.
Usage
- You’re building a filter function within your product, you should be using the pattern.
- You have complex tables (more than about 20 columns).
- Users need very specific sort, filter, or column sorting options within complex tables. Use the P13n dialog instead.
Structure and Components
Single select (radio) filters.
Behavior & Interaction
Resources
Show Filter Panel by default. Click Hide button to hide filters.
Empty State
Responsiveness and Adaptiveness
Accessibility
Application-specific examples
SAP Fiori with Horizon style
Resources
Figma: 2211 eng spec- https://www.figma.com/file/HuMVUnqbWNsDWINmGOKGRJ/Assignment_Web_2202-2211?node-id=6229%3A199350
Zeplin: 2111 specs: https://zpl.io/b6KAZNR