SubframeApp

Checkbox

Forms 16

About

Here is Checkbox component

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

Code

How Checkbox is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import Component from "@/components/ui/checkbox-1";

export default function CheckboxBasic() {
  return (
    <div className="flex flex-col gap-3 rounded-lg p-4 ring-1 bg-white text-gray-900 ring-gray-200 dark:bg-gray-800 dark:text-gray-100 dark:ring-gray-700">
      <Component defaultChecked label="I agree to the Terms" />
      <Component label="Subscribe to newsletter" />
      <Component label="Enable weekly summary" />
    </div>
  );
}

Dependencies

More by SubframeApp

View all
  • Area Chart

    Area Chart

    110
  • Checkbox Card

    Checkbox Card

    14
  • Breadcrumb

    Breadcrumb

    12
  • Calendar

    Calendar

    7
  • Context Menu

    Context Menu

    4
  • Checkbox Group

    Checkbox Group

    3
  • Accordion

    Accordion

    3
  • Avatar

    Avatar

    2

More in Forms

View all
  • Premium Auth

    Premium Auth

    517
  • Contact Card

    Contact Card

    1K
  • Book A Demo 1

    Book A Demo 1

    72
  • Authentication Card

    Authentication Card

    48
  • Login 1

    Login 1

    52
  • Login Card

    Login Card

    6
  • Form

    Form

    16
  • Modern & Stunning sign in

    Modern & Stunning sign in

    1.6K