Back

Fix Action Buttons

Component Code (Next.js)

import FixActionButtons from "@/components/FixActionButtons";

export default function Example() {
  return <FixActionButtons />;
}

Claude / Codex Prompt

Create the stacked Apply Fix and Preview Fix buttons from the shared image:
- Dark page/background context.
- Top green Apply Fix button with hammer icon, glow, soft border, and large white text.
- Bottom charcoal Preview Fix button with eye icon, raised border, and muted icon color.
- Use real button elements, consistent spacing, focus-visible states, responsive sizing, and reduced-motion support.