Shipments 1 - Shipments table with carrier, status and ETAPro
An operations table of outbound shipments with tracking numbers, recipient and destination, carrier and service level, status badges, ETA and label cost, plus search and status filter tabs above. Use it in an ecommerce or warehouse admin to monitor fulfillment at a glance.
About Shipments 1
An operations table of outbound shipments with tracking numbers, recipient and destination, carrier and service level, status badges, ETA and label cost, plus search and status filter tabs above. Use it in an ecommerce or warehouse admin to monitor fulfillment at a glance.
Shipments 1 is a shipments block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 133 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- shipments
- table
- logistics
- tracking
- carrier
- status
- admin
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add shipments-01Dependencies installed automatically: lucide-react.
Uses: badge, button, input, reveal, table, tabs, utils.
Usage
import Shipments01 from "@/components/blocks/shipments-01"
export default function Page() {
return <Shipments01 />
}