Product grid with a left filter sidebar where hovering a card reveals a quick-shop tray with sizes and an add-to-cart button, plus a category tag and sale badge, powered by the shared product-filters engine. Self-fetches from your API via productsUrl with an SSR-friendly first page, runs client-side on a dataset, or emits queries in controlled server mode.
Files · 16
Dependencies
npm packages
clsx
tailwind-merge
lucide-react
Registry items
badge
button
select
skeleton
checkbox
label
command
popover
radio-group
input
tabs
slider
switch
Registry Items
productlist4
Configuration
Name
productlist4
Type
Block
Description
Product grid with a left filter sidebar where hovering a card reveals a quick-shop tray with sizes and an add-to-cart button, plus a category tag and sale badge, powered by the shared product-filters engine. Self-fetches from your API via productsUrl with an SSR-friendly first page, runs client-side on a dataset, or emits queries in controlled server mode.