Docs/Shipping Label
ops@pdfcn-vue/shipping-label

Shipping Label

Shipping label with addresses and routing codes.

Live preview

Loading block sample…

Installation

Terminal

npx shadcn-vue@latest add @pdfcn-vue/shipping-label

Usage

Example

<script setup lang="ts">
import ShippingLabel from '@/components/pdf/blocks/shipping-label/ShippingLabel.vue'
import { sampleShippingLabelData } from '@/components/pdf/blocks/shipping-label/shipping-label.sample'
</script>

<template>
  <ShippingLabel :data="sampleShippingLabelData" />
</template>
Source
forme/blocks/shipping-label/ShippingLabel.vue
Blocks accept optional data and theme props. Omit them to use the bundled sample and default theme.

Edit the theme tokens

Try the theme builder