Image-led shop page: masonry columns of mixed-ratio photos revealing a product detail card on hover or focus, with discount badges, wishlist heart toggle, and a popover filter and sort bar. ReUI Badge, shadcn Popover, Select, Switch.
Files · 4
Dependencies
npm packages
cn
Registry items
@reui/badge
@reui/badge
breadcrumb
button
field
popover
select
switch
Registry Items
product-card-6
Configuration
Name
product-card-6
Type
Block
Description
Image-led shop page: masonry columns of mixed-ratio photos revealing a product detail card on hover or focus, with discount badges, wishlist heart toggle, and a popover filter and sort bar. ReUI Badge, shadcn Popover, Select, Switch.