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
108
Checkbox Card
14
Breadcrumb
12
Calendar
6
Context Menu
4
Checkbox Group
3
Accordion
3
Avatar
2
More in Forms
View all
Premium Auth
500
Login 2
7
Authentication Card
47
Login 1
52
Contact Card
1K
Login Form
6
Form
16
Book A Demo 3
83
