Custom Positioned Checkbox

A checkbox field where the checkbox is positioned as a small circular badge in the corner of a labeled card, used to build selectable option cards for settings or plan choices.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Custom Positioned Checkbox to your project and fits it to your theme.

import { Checkbox } from "@/components/ui/checkbox";
import {
  Field,
  FieldGroup,
  FieldLabel,
  FieldTitle,
} from "@/components/ui/field";
import CCheckbox13 from "@/components/ui/c-checkbox-13";

export default function CCheckbox13Demo() {
  return <CCheckbox13 />;
}