{
"id": "FI02",
"title": "Inline filter panel",
"topic": "filter",
"use": "The panel is the exception to the drawer. The same filter button opens it across the full width, directly under the toolbar. The content moves down, nothing is covered. It is allowed for at most four filters without groups. A second reason is a very wide table that a drawer would squeeze too much.",
"decisions": [
"The panel is the exception to the drawer, with three conditions: at most four filters of equal rank, no need for groups, and a user who tries values one after another — or a table so wide that a drawer would squeeze it. Anything more goes in the drawer.",
"It is a band, not a menu: full width, in the flow, hanging on the toolbar with no gap, pushing the content down — never aligned to the button, floating, or over the table.",
"The filter button says what it does — 'Filter' when closed, 'Close filter' when open — and a second click closes the panel.",
"There is no Apply: every change takes effect at once, so the user sees the count change while trying values, which is what this surface is for.",
"The count stays in the toolbar's state row even with no filter. Each filtered column adds a badge with dimension and value, followed by the reset, which goes away with the last badge: at the edge it would read as an action unrelated to the badges, and in the panel it would be out of reach once the panel is closed.",
"The empty state names the filter as the cause and offers the reset in the same place."
],
"try": [
{
"do": "Press the filter button",
"then": "the panel opens across the full width and pushes the content down"
},
{
"do": "Look at its edges",
"then": "the panel does not float and lies over nothing"
},
{
"do": "Set a filter",
"then": "the count above it changes at once"
},
{
"do": "Count the filters",
"then": "more than four of equal rank belong in the drawer, not here"
}
],
"revision": 1,
"changes": [],
"reviewed": true,
"source": "\n\n