Guides

Registry

This portfolio is also a local shadcn registry. Built JSON files live under public/r and can be consumed from localhost or a deployed URL.

Install

npx shadcn add http://localhost:3000/r/button.json
npx shadcn add http://localhost:3000/r/plan-card.json
npx shadcn add http://localhost:3000/r/segmented-control.json

Registry items

button

Total Wireless branded actions

components/ui/button.tsx

plan-card

Wireless plan card compound component

components/ui/plan-card.tsx

savings-bar

Savings and due-today summary

components/ui/savings-bar.tsx

stepper

Checkout step indicator

components/ui/stepper.tsx

line-counter

Number-of-lines input stepper

components/ui/line-counter.tsx

segmented-control

Plan context switcher

components/ui/segmented-control.tsx

phone-option

Device/BYOP selection card

components/ui/phone-option.tsx

tabs

Product category tabs

components/ui/tabs.tsx

badge

Plan and promotion labels

components/ui/badge.tsx

input

Form input

components/ui/input.tsx