Velocity X Components

E-Commerce

Empty Cart State

Centred placeholder for an empty cart with icon, copy and a continue-shopping CTA.

Subscription Included with the Velocity Components subscription.
bash
$ velocityx add empty-cart-state

Built for astro.

Full docs for Empty Cart State →

Needs a licence key — subscribe here, then velocityx loginonce.

astro v1.0.0
Empty Cart State

Your cart is empty

Items you add will show up here.

Continue shopping

Props

NameTypeRequiredDefaultDescription
titlestringNo'Your cart is empty'
descriptionstringNo'Items you add will show up here.'
ctaHrefstringNo
ctaLabelstringNo'Continue shopping'

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text
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.

More from E-Commerce.