{
"id": "TB01",
"title": "Full toolbar",
"topic": "toolbar",
"use": "The fully populated toolbar above a table of vouchers. The search and the actions sit on the left, the most important button first. The fiscal year, the filter and the switch between views sit on the right, with the free space in between. The number of entries and the filters set stand in the row below.",
"decisions": [
"The search and the actions sit on the left, the filter, the fiscal year and the view switch on the right: what decides what is shown has its place at the trailing edge, and the toolbar's view zone keeps it there whatever stands on the left.",
"The search takes the left edge, and the most important action comes first after it.",
"The destructive action stands last, behind a divider. It is disabled without a selection and names the reason in its title instead of disappearing: a bar whose buttons come and go has to be read again with every selection.",
"Exactly one accent button. The filled segment of the view switch is a state, not a second accent: it shows where you are and triggers nothing.",
"The numbers stand below the bar, in the meta and filter rows — entry count, selection and the filters set; between the controls they could not be found.",
"No label above a control: the year names itself in its value and the search in its placeholder, because a labeled select is three lines tall beside a one-line button.",
"The fiscal year is a context choice, not a filter: the selection survives it, and the way out of an empty year is its value, not the filter reset."
],
"try": [
{
"do": "Type “Tire” in the search field",
"then": "the table gets shorter, and the count below follows"
},
{
"do": "Press Filter",
"then": "an example filter is set and appears as a badge in the row below"
},
{
"do": "Press the cross on the badge",
"then": "the filter goes, and the count stands alone again"
},
{
"do": "Select two rows in the table",
"then": "Delete vouchers becomes available, and the number selected stands in the row above the table"
},
{
"do": "Select two rows, then search for “Spare parts”",
"then": "the selection stays, and the row says how much of it is out of sight — “1 of 8 entries · 2 selected, 1 of them outside the view”. Delete vouchers stays available, since it applies to both. Take the search back — the selection is still there"
},
{
"do": "Point at Delete vouchers while nothing is selected",
"then": "the button is disabled and names the reason"
},
{
"do": "Set the fiscal year to 2025",
"then": "the table is empty, and the way out is the year, not the filter"
},
{
"do": "Switch to Cards",
"then": "the same vouchers as cards; the toolbar stays as it is"
}
],
"revision": 1,
"changes": [],
"reviewed": true,
"source": "\n\n\n\n\n \n\n
\n \n\n Create voucher\n Export vouchers\n \n Delete vouchers\n\n \n Fiscal year 2026\n Fiscal year 2025\n \n Filter\n \n Table\n Cards\n \n\n \n \n\n
\n \n No voucher in fiscal year 2025\n The fiscal year is a context choice, not a filter — the way back is its value.\n Select fiscal year 2026\n \n \n \n \n \n \n \n\n
\n