shadcn.io is an independent project built on shadcn/ui
Installation
Overview
Tell shoppers when furniture arrives with this furniture product card for Svelte with Ark UI. A drawn sofa takes the tone of the fabric chosen in a Toggle Group of three weaves, each a grey swatch with its own repeating pattern and a Badge that says "In stock" or "Made to order". Picking one writes "Delivers by Thu 26 Nov", counted from a fixed date plus the typed lead days (5 for in-stock fabrics, 42 for made to order), and the made-to-order velvet adds to the price. The measurements are one line of text. One Shine Button adds the sofa. Guides rule the bands. Add turns into "Added" with an Undo, the heading row's "Bag" count follows and a polite status line says what changed. Nothing is stored or bought. For sofas, beds, tables and anything with a lead time.
FAQ
How do I change the fabrics?
Edit FABRICS: each has a name, a detail line, the lead time in days, a surcharge in cents, a swatch (a grey step plus a pattern) and the tone the sofa is drawn in. Any fabric with a lead of 30 days or more is shown as made to order.
How is the delivery date worked out?
From the fixed AS_OF date plus the lead days, spelled from fixed day and month lists so the server and the browser agree. It is not today's date.
Is there a fit check for my room?
No. The block shows lead time, not a fit check; the size is one line of text. For dimensions on a drawing, see the storefront product dimensions block.
What stays local, and how do I wire it for real?
The fabric and the bag are page state; nothing is stored, charged or sent. Replace the body of add and undo with calls to your cart and take the lead times from your stock system.
