Product Inventory 3 block design & features
ProductInventory3 is a masonry inventory board built with shadcn/ui Accordion, Tabs, Chart, and Select controls. Summary stats sit above a filter bar for search, sort, and stock tone. Each card opens an accordion with price and stock facts plus a metric switcher that redraws a small sales, views, or stock chart for that product.
Imagery fills the upper half of each card with a muted wash behind the photo. Accordion shells use bordered card surfaces. Charts stay compact under the metric tabs. Density is medium with generous card gutters in the masonry columns.
The aesthetic is analytics-forward catalog browsing. Complexity is elaborate because every card carries its own chart series and accordion state. The charts are CSS and Recharts-driven while the photos remain content-driven, so you need metric history per SKU to reuse it well.
Masonry columns reduce on smaller breakpoints, and accordion bodies stay scrollable inside each card shell.