Orange Add View Button

Component Code (Next.js)

Use Copy Code to load the current local source for the orange Add View button.

Claude / Codex Prompt

Create the supplied Orange Add View button as a reusable React component:
- bg-orange-600, white text, border-white/40, rounded-xl
- px-10 py-2.5, text-base, leading-none, font-normal, tracking -0.02em
- Shadows: 0 18px 36px rgba(0,0,0,0.12), 0 3px 6px rgba(0,0,0,0.20), inset 0 0 6px 2px rgba(255,255,255,0.24), and 0 0 0 1px var(--color-orange-600)
- Keep the exact Add View label, use a real button, and add accessible focus/disabled states.