E-Commerce
Empty Cart State
Centred placeholder for an empty cart with icon, copy and a continue-shopping CTA.
$ velocityx add empty-cart-state Built for astro.
Full docs for Empty Cart State →
Needs a licence key —
subscribe here, then
velocityx loginonce.
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| title | string | No | 'Your cart is empty' | |
| description | string | No | 'Items you add will show up here.' | |
| ctaHref | string | No | ||
| ctaLabel | string | No | 'Continue shopping' |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/empty-cart-state/EmptyCartState.astro Using the Empty Cart State component
Install it with velocityx add empty-cart-state.
The CLI writes the source straight into your project — no runtime dependency, no registry
lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.
Related components
More from E-Commerce.
Order totals block listing subtotal, shipping, tax and discount rows that only render when passed, plus a grand total.
astroResponsive image-and-label tile grid linking into catalogue categories, with an optional item count.
astroPost-checkout success panel with order number, delivery estimate, line items and total paid.
astroHorizontal (vertical on mobile) step tracker for order lifecycle stages, with a dedicated cancelled-order state.
astro