Shopping Lists overview
Personal and Household lists, creation actions, open and completed groups, narrow and wide layouts.
Tableau de Bord
Realistic compositions before production rollout
Preview
These static compositions assemble the approved foundation, components, and candidate patterns into realistic application pages. They do not read or change production data.
Scenario register
Shopping List detail
Compact item rows, collected state, editing actions, remaining-item summary, and finish action.
Product detail
Product identity, EAN cards, prices, images, reviews, and editor actions.
EAN detail
Gallery, package facts, nutrition, ingredients, prices, and review tools.
Operational workspace
Dense TDB layout for Shop Trips, translations, merge tools, and image administration.
Composition 1
Shopping Lists overview
One hierarchy and action model, allowed to breathe differently at narrow and wide widths.
Narrow Wide Viewer-safe
Shopping
Shopping Lists
Shopping
Shopping Lists
Keep personal lists separate or share them with one of your Households.
Home
3 members · managed by TH
Composition 2
Shopping List detail
The same item state, hierarchy, and action priority across quick cellphone use and a wider review surface.
Needed Collected Persistent action
Household · Home
Weekend shopping
Hafermilch
2 × 1 l · any brand
Bread
1 item · collected
Olive oil
1 × 750 ml
Apples
1.5 kg · Braeburn preferred
Household · Home
Weekend shopping
Shared with Alessie and Panagiota. Updated today at 06:28.
Hafermilch
2 × 1 l · any brand
Bread
1 item · collected
Olive oil
1 × 750 ml
Apples
1.5 kg · Braeburn preferred