use-design-system/Checkbox
CommunityFlexible Checkbox Component
Authortokijh
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a versatile and accessible Checkbox component for React applications, allowing for easy integration of various checkbox styles and states.
Core Features & Use Cases
- Multiple Styles: Supports standard square, circular (for radio-like behavior), and line-only checkboxes.
- State Management: Handles both controlled and uncontrolled states with clear event handling.
- Customization: Allows for size adjustments, disabled states, and custom class names.
- Accessibility: Includes support for
aria-labelwhen children are not present. - Use Case: Integrate a customizable checkbox for user agreements, form selections, or task completion indicators within your web application.
Quick Start
Import the Checkbox component and use it with a label.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: use-design-system/Checkbox Download link: https://github.com/tokijh/minapp/archive/main.zip#use-design-system-checkbox Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.