About this piece
Store Locator
Nearby stores list where each row carries a semantic stock dot, the store name, its stock state, and the distance.
Usage
The import and the props worth knowing about, in one place.
import { Commerce28 } from "@/components/beste/piece/commerce28";
<Commerce28
stores={[
{
"name": "SF Union Square",
"distance": "0.4 mi",
"stock": "in"
},
{
"name": "Hayes Valley",
"distance": "1.2 mi",
"stock": "low"
},
{
"name": "Mission District",
"distance": "2.8 mi",
"stock": "out"
}
]}
bordered={false}
/>
